1. 給你(nǐ)的(de)logo添加替代文(wén)本

這(zhè)樣有(yǒu)兩個(gè)好≈©♣∑(hǎo)處：屏幕閱讀(dú)器(qì)能(néng)識别logo圖片代表的(dδ<e)含義，圖片未加載到(dào)時(shí)，也(yě)能(néng)告訴非視(•≠φshì)障用(yòng)戶那(nà)裡(lǐ)

是(shì)你(nǐ)的(de)logo。

幾種方法：

或者，你(nǐ)用(yòng)背景圖來(≤‌$lái)實現(xiàn)logo的(de)話(huà)，也(yě)可(kě)以添β"γπ加title屬性來(lái)實現(xiàn)：♦‍

當然，鏈接+背景圖的(de)方式是(shìδβ₩)最好(hǎo)的(de)，但(dàn)最好(hǎo)也(yě)加上(shàng)ti≈$δtle屬性：

2.添加基本的(de)Landmarks

ARIA Landmark是(shì)W3C≈$"←定義的(de)一(yī)套網站(zhàn)可(kě≠×β)用(yòng)性規則，對(duì)于網站(zhàn)不(bù‌ ≈♠)同的(de)模塊添加描述性的(de)Landmark——

或者直接叫role，有(yǒu)利于讀(dú)屏軟件(jiàn)更好(hǎoα€®®)的(de)理(lǐ)解你(nǐ)的(de)‌•∏Ω網頁，從(cóng)而讓視(shì)障用(yòng<&β)戶更好(hǎo)的(de)使用(yòng)你(nǐ)的(de)網站(zhàn)。

等等，具體(tǐ)的(de)規則請(qǐng)查看(kàn)W3C的(dδ≤♠e)建議(yì)。
3.增強focus定義

其實很(hěn)多(duō)網站(zhàn)會(huì)用(yòng)盡一(₩✘®yī)切辦法去(qù)掉浏覽器(qì)的(de):focus樣式，特别是∞♣™₩(shì)對(duì)于IE浏覽器(qì)，其實，浏覽器(qì)默認帶

上(shàng):focus樣式是(shì)有(yǒu)道(dào)理(lǐ)的(d₹ •e)，它能(néng)指示用(yòng)戶當前的(de)鼠♣↑标焦點位置是(shì)在哪裡(lǐ)。這(zhè)個(¥σgè)對(duì)于鍵盤流特别重要(yào)。

所以請(qǐng)不(bù)要(yào)去(qù)掉:≈→®♠focus樣式，甚至，你(nǐ)覺得(de)默認的(d≈÷↕e)樣式不(bù)好(hǎo)看(kàn)或者不(bù)統一(yī)（IE是(shì)虛線框，We→↔bkit是(shì)高(gāo)亮(liàng)

的(de)實線框，并且，Safari是(shì)藍(l↑>♦án)色，Chrome是(shì)橙色）也(yě)可(kě)以 ∑自(zì)己給定義一(yī)個(gè)高(gāo)亮≠¶¥÷(liàng)色：

如(rú)果你(nǐ)的(de)産品經理($♥>lǐ)或者視(shì)覺設計(jì)師(shī)堅持要(yà×αo)去(qù)掉focus狀态的(de)話(huà★≥)，把TA的(de)鼠标拿(ná)走一(yī)天并₩‌告訴TA隻能(néng)用(yòng)Tab

切換鏈接就(jiù)好(hǎo)了(leαλ∏✔)。。。
4.定義必填表單項

用(yòng)aria-required屬&壧性可(kě)以定義表單中的(de)必填項☆↓‌——嗯，主要(yào)還(hái)是(shì)告訴讀(dú)屏軟件(jiàn)：

5.給你(nǐ)的(de)頁面添加一(yī)個(gè)₩ €λh1

原因很(hěn)簡單，不(bù)隻是(shì)有(yǒu£©≥ )利于SEO，對(duì)網站(zhàn)整體(tǐ)的(de)可(kě)用(yòng)↕¥性和(hé)可(kě)讀(dú)性都(dōu)很(hěn× δ‌)有(yǒu)幫助。另外(wài)，你(nǐ)☆σ♥沒有(yǒu)代碼潔癖麽？
6.定義表格的(de)表頭

通(tōng)常很(hěn)多(duō)人(rén)習(©∏©xí)慣表格全部使用(yòng)td标簽，其實≤×λ，表格不(bù)止有(yǒu)hd标簽，還(hái)有(yǒu)th、co→↕πl、scope等。

所以簡單來(lái)說(shuō)，表頭換成th标簽吧(ba)：

 
7.定義表格描述

不(bù)要(yào)簡單的(de)在表格前面/後面加個(↑βgè)p了(le)事(shì)了(le)，表格有(yǒu)專用(yòng)的(de)cap≈←‍tion标簽可(kě)用(yòng)，就(jiù)像圖片一(yī)樣。

8.避免“點擊此處”

雖然這(zhè)樣的(de)鏈接描述對(duì)普通(tōng)人(rén)都(dōu)無所謂，₹ε但(dàn)是(shì)對(duì)讀(dú±←β)屏軟件(jiàn)來(lái)說(shuō)，是(σφshì)相(xiàng)當糟糕的(de)，它其實γ™→‌是(shì)對(duì)視(shì)障用(yòng)戶的(de)一(yī)

種幹擾。

所以，直接把鏈接用(yòng)到(dào)正地(dì)方∏←吧(ba)。
9.去(qù)掉tabindex

曾經，很(hěn)多(duō)人(rén)用(yòng←≤)tabindex來(lái)“增強”用(y<φ‌©òng)戶體(tǐ)驗，但(dàn)是(shì)這(zhè)個(gè)屬性卻會(huì)打•"♦亂頁面的(de)正常閱讀(dú)順序，對(duì)視(shì)障用(yòng)

戶是(shì)災難性的(de)，對(duì)普通(tōng)用(yòng)戶≠π也(yě)未必是(shì)友(yǒu)善的(de)。

所以千萬不(bù)要(yào)濫用(yò£♦♥σng)tabindex屬性。
10.在線檢測一(yī)下(xià)

呃，看(kàn)到(dào)這(zhè)裡(lǐ¶÷✘•)發現(xiàn)其實是(shì)個(gè)廣告，但(dàn)是(sh↕ ì)如(rú)果能(néng)檢測出來(lá$∞↑​i)網站(zhàn)可(kě)用(yòn✘¥g)性問(wèn)題，也(yě)是(shì)件(jiàn)好(hǎ∑™φo)事(shì)情，WebAIM開(kāi)發

的(de)一(yī)個(gè)網頁工(gōng)具，輸 ≥入URL就(jiù)會(huì)自(zì)動檢♣§§‌測。測試了(le)一(yī)下(xià)還(hái)不(bù)錯(cuò)