周末有幸參加了淘寶技術(shù)嘉年華，這一界的D2前端技術(shù)論壇增加了信息無障礙的一些講坐，現(xiàn)場也提供了無障礙瀏覽體驗區(qū)供大家體驗，可見中國的信息無障礙已經(jīng)受到重視。下面是在會上聽到的一些心得記錄下來：

?

中國的盲人數(shù)量是500多萬，如果建成一個國家，人口總數(shù)是世界上200多個國家中的110名左右。

盲人操作電腦大部分時間是用全鍵盤操作，而且最先開始都是用tab鍵來切換順序，網(wǎng)頁中的鏈接不能太多，否則想要找到自己想去的鏈接很費勁。

要讓元素支持tab鍵，可以加上tabIndex。

要讓表單元素被讀屏軟件讀到，可以使用以下方法：lable for 、value。比如你使用了:請輸入姓名：<input type="text" id="name">，這樣子寫，盲人朋友根本就不知道要輸入什么，請使用 <label for="name">請輸入姓名</label>：<input type="text" id="name">

不要使用<img scr="xxx.jpg" οnsubmit="submit()" />這種方式來進行表單提交，如果一定要使用，請加上tabindex="0"讓其能支持讀屏軟件。?

不要使用諸如：“紅色部分必須填寫”之類的表單提示，因為盲人或色盲者看不見。

在頁面交互時彈出了框，要讓框得到焦點，否則盲人不知道有提示框彈出?？砂碋SC關(guān)閉彈窗，關(guān)閉后焦點回到觸發(fā)彈窗的元素上。

不要使用οnfοcus="this.blur()"取消a標簽的虛線框，盲人按tab鍵時沒法操作,可以使用CSS中的outline="none"和IE中的hidefocus屬性來實現(xiàn)。

使用οnmοusedοwn="init()"此類腳本操作時請考慮到盲人朋友，盡量也支持鍵盤，比如加上 οnfοcus="init()"?或者?οnkeydοwn="init()" 。

在某些重要和常用的交互時可以使用accesskey屬性來支持快捷鍵操作。

圖片要加上alt屬性，好讓盲人朋友知道這是個什么圖片。

保持HTML的順序，把用戶最想讀到的放在前面。比如新浪微博，主體內(nèi)容的HTML就在左側(cè)欄HTML之后，按很多次tab才讀到微博列表，這就是不好的例子。

網(wǎng)頁做好以后可使用全鍵盤進行測試，再加上firefox的Accessibility Features擴展檢測可很好的讓網(wǎng)頁支持無障礙瀏覽。

?

總結(jié)：暫時就記起這么多，上面其實都是在HTML 4.0時代就有的功能，我們在開發(fā)網(wǎng)頁時，只要多留一點意識就可以讓盲人朋友們很好的瀏覽網(wǎng)頁，可是我們都沒有真正的用心去做。從現(xiàn)在起，我決定，也呼吁網(wǎng)頁開發(fā)者們關(guān)注網(wǎng)頁無障礙，這可以讓我們的產(chǎn)品可以受眾更多的用戶，也是對社會的一種責(zé)任，對殘障人士關(guān)愛的表現(xiàn)。

最后附上一些鏈接：
http://www.aliued.cn/2010/01/14/what-can-ued-do-for-wcag.html
http://ued.taobao.com/blog/2011/04/15/onfocus-this-blur/??

轉(zhuǎn)載于:https://www.cnblogs.com/chaoren1641/archive/2011/07/10/2102203.html

總結(jié)

以上是生活随笔為你收集整理的D2前端技术论坛之网页无障碍学习笔记的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。