為什麼這篇無障礙網頁例子鄉民發文收入到精華區：因為在無障礙網頁例子這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者ckmarkhsu (深藍)看板Web_Design標題Re: [問題] 有關無障礙網頁認證時間...
無障礙網頁例子 在 Charles Mok Instagram 的最讚貼文
2020-04-28 18:01:26
前天參加了 HKIRC的「無障礙網頁嘉許計劃2018」，這計劃已經舉辦多年，今年由HKIRC從政府接手。隨著流動科技和apps的普及，接觸網絡的科技越趨方便，無障礙網頁甚至apps對於社會共融更加重要。有身體殘障人士其實潛能無限，我說笑舉出了一個例子：我的失明朋友莊陳友可以在巴士上用他的突字機上網，...
認真來回一篇好了, (以下均是以視障為前提，因為我對其他障礙類型不了解)
首先先抱歉，一開始說得太嗆，「無障礙標準是垃圾」這句話是我說錯了
政府的網頁應該要符合無障礙標準沒錯。
而我想表達的是
1. 很多網頁設計師，為了符合無障礙標準，刻意不使用很多技術
2. 符合無障礙標準的網頁，完全不代表他可以讓身心障礙者順利流覽
舉例來說，以盲人為例，國內目前「大部分」的視障網路使用者，是使用 IE + 導盲鼠
(導盲鼠是一種會自動念書 focus 所在文字的軟體)
導盲磚，是一種為了讓視障朋友可以正確的導覽左右兩個 frame
但實際上，天生全盲的使用者，對於左右框架根本毫無概念
即使有導盲磚，操作上仍非常困難，甚至有可能因為IE與導盲鼠的搭配瑕疵
導致焦點永遠卡在一個地方，無法 Next
這便是一例符合無障礙，但無法順利使用的例子
至於表格部分，傳統設計的表格(td)無法取得 focus
因此要讓視障朋友知道的訊息都必須要用 input 或 a 包起來 (這點也與無障礙無關)
而傳統來說， Tab 是以順位跳躍，但若是 10* 100 的表格
使用者可能會 Tab 到死，因此這邊就可以配合 Js 提供上下左右的焦點移動功能
當然，我了解仍有部分使用者是使用 Lynx 等相容點字軟體的純文字瀏覽器
Js 僅能增加便利性，而不能成為唯一的操作方式
所以我才說「適當且正確的」使用 Js 才能真正提高身心障礙朋友的使用便利性
嗯 下次講話要收斂點~"~ 講錯一句話，要寫一大篇來懺悔XD
※ 引述《Kelunyang (可倫)》之銘言：
: 講到這個我就滿肚子辛酸
: 你要的開發規範先給你
: http://www.webguide.nat.gov.tw/wSite/lp?ctNode=187&mp=1
: 軟體也在這個網站裡有，基本上全部的標準都在這個網站裡
: 只是人工檢驗就看個人良心了XD
: 基本原則就是盡量不要使用JavaScript、Flash製造前端的動態效果
: 其實我覺得就機關網頁來說也算合理（也考慮到盲人瀏覽時的不方便）
: 他不是說完全不能用Flash，是要求如果你有一頁這種網頁，就必須
: 有替代頁面
: 當然這部份機器都可以檢驗，什麼Img缺乏alt屬性啊，沒有noscript啊這些
: 小弟以前幫學校作校網的時候，遇到最囧的就是（也在板上寫過了），那時我們
: 只是要拿A+（四年前公文說公立學校只需要到A+就好了，我記得是這樣）
: 原本機械檢驗已經通過A+了，貼紙也下來了，後來某一天研考會來了一封信，說
: 「貴單位的網站中『交通資訊』描寫不夠清楚」
: 我就回信問說，請問交通資訊已經列出學校附近所有的公車站牌和火車站
: 以及可以搭乘的公車路線和開車的交流道，還缺什麼嗎？
: 我記得他的回應是我應該要增加「如何從公車站到學校的方法」
: 挖哩，乾脆連該怎麼走過去都寫算了囧
: 其他血淚在3567篇，QQ
: ____________________________________________________________
: 後來學校採購了外面的網站CMS系統，我們學生辛苦坐了四年的東西就沒了
: 不過那個CMS就跟百齡高中採購的一模一樣，讓我最不能夠了解的就是
: http://0rz.tw/HQBCf
: 敝校在2007/08整個更換了網站，但是人工檢驗結果卻停在
: 2007/01，現在的網站相是這種頁面
: http://www.zlsh.tp.edu.tw/onweb.jsp?webno=33333335:7
: 中間如果有會開啟新網頁的，就應該要標註，這一點在無障礙規範10.1
: 中有解釋
: 所以因為這一點我還蠻懷疑現在是不是還有再進行無障礙網頁人工檢視的XD
--
台灣深藍vBulletin技術論壇 http://www.twvbb.com
vBulletin 論壇系統，內建 「0 修改新增插件」「完整附件功能」
「無限深度子論壇」「進階權限管理」「前台 AJAX 即時管理」 歡迎研究:)
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.113.249.119
推 adamp3:你要做的不是無障礙 而是符合網頁標準 06/12 22:36
→ adamp3:符合網頁標準 自然就會對所有人友善 親和力也就會增加 06/12 22:37
推 fotofolio:沒那麼單純.. 06/12 22:38
→ ateclean:我也覺得沒那麼單純XDD 不過大方向是差不多了啦～ 06/12 22:59
→ fotofolio:w3c驗證通過只是開始而已 06/12 23:05
推 Kelunyang:話說馬克徐大的圖書館我在兩年前好像就聽到比德CPG大說 06/12 23:12
→ Kelunyang:過了XD 06/12 23:12
→ Kelunyang:另外回應樓上foto大，沒錯，過了W3C，後面路還很長呢... 06/12 23:12
推 chph:路一點也不長 我手上遵循網頁標準的專案 30分鐘不到就從 06/12 23:16
→ chph:A+ 沒過到3A通過 (機器檢測與自我人工檢測) 06/12 23:17
推 chph:另外 原po td 並不需要焦點 我不知道您從哪裡學來的 06/12 23:19
→ chph:文字瀏覽器沒有笨到需要焦點才能閱讀內容 06/12 23:20
→ chph:焦點只是便於定位, 通常也只用在表單上, 以及常用連結 06/12 23:20
→ redming:謝謝詳細的回應 我會慢慢消化的^^ 06/12 23:22
→ ateclean:我想大家所說的路長不長是指學習的路還很長，而非指實做 06/12 23:23
→ ateclean:的時間 ^^" 06/12 23:23
→ ckmarkhsu:to Kelunyang, 此 Lib 非彼 Lib :p 06/12 23:43
→ ckmarkhsu:這是一種螢幕閱讀器，不是文字瀏覽器 06/12 23:51
→ ckmarkhsu:若您有接觸過，您就會了解我說的 focus 是什麼意思 06/12 23:54
推 Kelunyang:突然想起來在國家圖書館看到盲人電腦也是用IE... 06/13 00:10
→ ckmarkhsu:嗯 一般都是 IE+導盲鼠 06/13 00:16
→ ateclean:他們曉得Opera會發音(speak)嗎? (雖不曉能否唸中文) 06/13 00:19
→ ckmarkhsu:好像沒有念中文的 TTS 引擎@@ 06/13 00:22
推 facers:人工檢驗也要考慮到色盲..顏色不能太接近影響閱讀. 06/13 03:56