網站可訪問性是可用性的一部分，并且這不僅僅只是前端開發(fā)人員的事情，而是指能由程序員來控制的，不過作為負責的前端開發(fā)者，我們也需要做好自己職責范圍內的網站可訪問性工作，看看對于可訪問性，應該要注意哪些問題：

1. 標明語言（identifying your language）
這一條的意思是，加上lang屬性，如。如果其中有一段是其他的語言，就在那一段的標簽上加lang屬性。這一條我做得不好，以后記得。

2. 構建有意義的頁面標題（constructing meaningful page titles）
有幾點值得一提：
a) 做頁面時，千萬不要忘記寫title。我見過好多頁面的title是“untitled document”或“新建頁面”，丟臉啊~
b) title到底應該是“小標題”在前呢，還是“大標題”在前？現在的慣例似乎都是“小標題”在前，比如“影音娛樂首頁_新浪網”。但我個人倒是有個看法，或許大標題在前比較好。這樣當我把“新浪網_影音娛樂首頁”、“新浪網_新聞中心首頁”放入收藏夾時，它們會因為音序排序而呆在一起，而不是散亂在各處。當然這個也不一定，僅供參考。
c) 對于英文的標題，一定要注意盡量不要把the放在title的前面，否則你的網頁在收藏夾里就會被排在t開頭了。

3. 提供額外的導航輔助（providing additional navigation aids）
這一條是說要加 <link rel=”home” title=”home” href=”http://url/of/home/page” /> 這個。這個其實我知道。但是貌似對于頁面里這么多鏈接，要都加上rel和rev屬性，有點難度。

4. 先呈現主要內容（presenting your main content first）
好啦，這就是一條典型的“指望優(yōu)秀的css”的可訪問性原則啦。把<div class=”main”>放在<div class=”side”>的前面，其實挺考驗css技術的。一道著名的題目是：如何讓側欄固定寬度，主欄寬度自適應，同時主欄的html要在側欄的前面。我很想放在我的面試題里，可又覺得是不是太刁難了。但是，無論如何，這道題目很重要！

5. 用于跳過導航欄的鏈接（skipping over navigation links）
很重要！這個在骨灰級網頁標準教程《網站重構》里就提到了。只是有一點我比較懷疑，如果把skip link設為display:none，難道不怕被閱讀器也忽略掉么？

6. 安全的使用顏色（using color safely）
這條其實講了幾個要點：
a) 顏色對比要夠，否則眼神不好的人看起來費勁
b) 鏈接的顏色，最好用藍色（像我比較喜歡用#09c）
c) 鏈接最好有下劃線

7. 用“真鏈接”（using real links）
意思是，即便這個鏈接是用于觸發(fā)ajax，也要把ajax代碼片段放在href里，好讓搜索引擎以及閱讀器等等能夠爬到。關于此條，請參看土豆網首頁的“挖土豆”一塊。

8. 給鏈接加“title”屬性（adding titles to links）
這個還用說么，可用性兩大重點：a的title和img的alt。