盲人如何使用互聯網的8個誤區

誤區1：屏幕閱讀器讀取鏈接標題文本

不試不知道，一試嚇一跳，這居然是不正確的。很長一段時間里，我總是試圖在鏈接上增加title文字以描述這個鏈接，目的是方便屏幕閱讀器理解。現在我是知道了，屏幕閱讀器壓根就不會鳥title屬性中的文字，這意味著為屏幕

閱讀器用戶添加額外信息的做法是……脫褲子放屁——多此一舉。這是很重要的信息，因為這實際上降低了頁面可訪問性。

誤區2：盲人用戶使用純文本瀏覽器

不要把屏幕閱讀器和瀏覽器搞混了，兩者不是一路貨色。屏幕閱讀器可以讀取整個桌面，而不僅僅是網頁瀏覽器。屏幕閱讀器不是什么特殊類型的瀏覽器，這貨功能就是讀取你正在使用的軟件上的文本。這就意味著盲人用戶使用的是跟大

家一樣的瀏覽器^①。我曾被一些web開發人員誤導，說測試盲人用戶最好體驗的方法就是使用一個不起眼的純文本瀏覽器，如Lynx^②或w3m^③.

譯者補充注釋：

① 鼠標移到桌面的瀏覽器快捷圖標上，其他的瀏覽器顯示提示文字都是安裝路徑、軟件名稱等；只有Chrome瀏覽器是”Access this Internet”，我想這種處理可能是為了盲人用戶（純屬個人猜測）。

② Lynx為純文本網頁瀏覽器，是在具有強調文字功能的終端上使用的。

③ w3m(百科)是個開放源代碼的文字式網頁瀏覽器，支持表格、框架、SSL連線、顏色。

根據WebAIM的一項研究，在windows上，大多數的屏幕閱讀器用戶使用的是Internet Explorer和Firefox. 在其他常見瀏覽器上測試可能不能獲得盲人用戶的真正體驗。免費的屏幕閱讀器NVDA的用戶最有可能使用FireFox，小小建議。告訴你

一個會讓你掉眼淚的真相，web開發人員鐘情的Chrome瀏覽器只有小部分盲人用戶使用。

誤區3：盲人用戶不啟用JavaScript

除了演員，誰會主動去穿破爛的衣服呢？所以，可以想到，有多少用戶會去禁用JavaScript？以前我聽說10個人中間就有1個，但那已經很久很久了，因為過去衣服穿得太好會被當成反動派。如今，JavaScript不僅是功能上的有用，而且還

是很多站點精致體驗所必須的。由于盲人用戶使用的就是普通的瀏覽器，因此，用腳趾頭想想也知道，其瀏覽器的JavaScript也是啟用的。因此，使用JavaScript增強屏幕閱讀器用戶的可訪問性是完全可行的，比方說通過ARIA的role加

強鍵盤導航^④。

誤區4：動態加載內容有礙可訪問性

很多網站（如眼睛微博、企鵝微博）可以動態加載內容，例如，當頁面滾動到底部時候，會動態加載新的的微博，而不需要點擊“更多”。

我原本以為這對于屏幕閱讀器用戶而言是場噩夢，但是我聽到很多盲人用戶說：“這是最好的分頁！”當然，在朗讀頁面的時候，這會造成一個尷尬的停頓，但，這要比翻到第二頁，再重新瀏覽標題和菜單內容好多了。

這仍然是個熱門話題。我也遇到過盲人對動態加載很火大的情況，動態加載可能并不使用所有的場合，我的建議是不要認定其無法訪問；如果你的站點要動態加載內容，先找個盲人測試下。

誤區5：盲人用戶把CSS給閹掉了

上面已經確認了盲人用戶跟我們使用一樣的瀏覽器，所以，禁用CSS這種說法顯然是謬論。在很多情況下，CSS會影響屏幕閱讀器的信息讀取。例如，設置了display:none的元素是不會被屏幕閱讀器讀取的。有人自作聰明，在頁面頂部

放了個“直接訪問主體內容”的鏈接，使用了display:none對眼睛瀏覽的用戶隱藏，殊不知屏幕閱讀器根本就不鳥整個隱藏的鏈接^⑤。

譯者補充注釋：

⑤ 根據測試，不僅display:none屏幕閱讀器不屑一顧，visibility:hidden同樣被鄙視；

誤區6：所有圖片需要alt文本

首先，意識到圖片<img>需要有alt值來增加可訪問性是很好的，然而，并非所有的圖片都需要添加alt文本，例如一些裝飾性的圖片元素，設置alt內容反而會讓盲人用戶混亂，這種情況下，你不需要alt屬性。OK，如果你有強迫癥，

沒有alt就覺得這段HTML不完整，心里別扭?，使用空白吧，即alt="".

誤區7：所有元素都需要Tab索引

哥們，這是禍水，離她遠點！Tab索引的目的是解決屏幕閱讀器讀取內容的順序問題，例如有人把“忘記密碼”的鏈接放在密碼框后面，導致密碼輸入完畢后，tab索引的時候，不是在提交按鈕上，而是“忘記密碼”鏈接上，此時，就需要借

助tabindex確定更好的閱讀順序（在WCAG 2.0中這實際上被稱為“焦點順序”）。然而，在大部分情況下，tabindex只會使事情變得更加混亂，會讓用戶走非正常邏輯——我迷路啦！！

上周，我想在一個博客上的評論框里留下足跡，在tab鍵索引每個文本框，發現輸入驗證碼的那個框框如論如何都不能被focus. 我用Chrome工具一看，奶奶的，原來每個框框都設置了tabindex, 唯獨這個驗證碼被鄙視了。這使得使用鍵

盤提交評論困難重重。改變焦點順序往往造成的問題要多于修復的，把你的內容順序安排合理些，然后跟tabindex說“賽有拉拉”，餓~~貌似不懂日文，應該說”古德拜”。比方說上面那個“忘記密碼”，應該放在提交按鈕的下面或后面，或

是有CSS定位到文本框后面，而不能直接跟在密碼框后面，代碼示意如下：

<input type="password" /><a href="#">忘記密碼</a> <input type="submit" /><input type="password" /> <input type="submit" /><a href="#">忘記密碼</a>

誤區8：盲人用戶使用角色標示和HTML5結構元素瀏覽

你應該已經見過新的HTML5元素如<aside>和<nav>, 可以讓我們的頁面內容更具有語義，同樣的，ARIA中的角色標示，如給元素添加role="main"和role="navigation"來表明元素的目的。使頁面更容易瀏覽任重道遠，使用這些

新技術也是任重道遠。

WebAIM的調查顯示，近35%的盲人很少或從不使用角色標示。這個百分比還湊合，但是，當屏幕閱讀器和瀏覽器一起搞基的時候，事情就有所不同了。并非所有的網站都使用角色標示，因此，角色標示并不是一個可靠的方法。大部分的

屏幕閱讀器用戶使用頁面標題進行導航（而不是HTML本身），使用鍵盤快捷鍵，從一個跳到另外一個。

我自己以身試水，發現，跳過一個一個重要的片段內容是很容易發生的，尤其當網站制作人員沒有正確使用標題的時候。這是個值得商榷的誤區。在未來，我相信盲人用戶會更多地使用結構元素和ARIA角色，因為這會讓導航更可靠。但

是，要記住的是，這不是屏幕閱讀器用戶瀏覽的唯一方式。

參考?

翻譯-盲人如何使用互聯網的8個誤區

轉載于:https://www.cnblogs.com/kunmomo/p/11572914.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的无障碍开发（八）之盲人如何使用互联网的8个误区的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。