可訪問性—前端的使命(二)
可訪問性—前端的使命(一)

其實(shí)這個(gè)系列還沒寫完，我看到已經(jīng)被轉(zhuǎn)載了。下次應(yīng)該寫個(gè)未完待續(xù)。

15. 忽略空白圖片（Ignoring spacer images）
一定記得給圖片加上alt屬性，哪怕它為空。其原因是如果不寫alt，有些閱讀器會(huì)直接把它的文件名或URL讀出來。

這讓我想起小時(shí)候讀過，說在發(fā)明數(shù)字0以前，人們都是用空位來表示的。這樣就很不方便啊。所以alt=”"就相當(dāng)于數(shù)字0這個(gè)偉大的發(fā)明。

16. 使用真實(shí)的列表（或者正確的把它們偽裝起來）
這一條其實(shí)也是在講如果要用圖片作為列表前的icon，最好用CSS。但是沒有提到為什么要用<ul>。其實(shí)這也是我一直糾結(jié)的問題：目前看起來，除了出于“標(biāo)簽語義化”的原教旨主義信仰，沒有更好的理由一定要用<ul>或<ol>。盼知情者告知。

17. 為圖片提供替換文本（Providing text equivalents for images)
18. 為圖片映射提供替換文本（Providing text equivalents for image maps)
這兩條同15。
這里我只是想說說兩個(gè)題外話：
a) 到目前這個(gè)年代，<map>標(biāo)簽是否還有用？同樣的還讓我想起<applet>標(biāo)簽。
b) 除了alt，還有兩個(gè)屬性：lowsrc和longdesc。有時(shí)間我會(huì)來看看目前的瀏覽器對(duì)這兩個(gè)屬性的支持是怎樣的。

19. 使用真實(shí)的水平分割線（Using real horizontal rules）
它說的是使用<hr>比使用一張裝飾用的圖片好。（P.S. 原來hr是horizontal rule的縮寫哦，hoho）但似乎不用<hr>更好吧。

20. 使用相對(duì)字號(hào)（Using relative font sizes）
我好想遵守這個(gè)規(guī)則，但可惡的微軟把宋體做得除了12px，更小的字號(hào)就不能看。不過現(xiàn)在瀏覽器都有zoom功能，相對(duì)字號(hào)或許也不像以前那么迫切需要了吧。不管怎么說，都怪IE！

21. 使用真實(shí)的標(biāo)題（Using real headers）
除了SEO之外，文中提到，有瀏覽器是可以專門擷取文中的標(biāo)題，以提供方便的文內(nèi)導(dǎo)航。這個(gè)功能就類似word里面自動(dòng)生成目錄的方法。

不過有一點(diǎn)值得注意，<h1>標(biāo)簽的使用。它其實(shí)是指最能概括本頁(yè)內(nèi)容的文字，而不是指看起來在標(biāo)題的位置的文字（比如網(wǎng)站頂部LOGO）。我之前一直犯一個(gè)錯(cuò)誤，就是把網(wǎng)站的LOGO作為H1。事實(shí)上，比如搜索結(jié)果頁(yè)，很明顯“搜索XXX，一共XXX個(gè)結(jié)果”才應(yīng)該作為h1標(biāo)題。

22. 給表單元素加上label標(biāo)簽（labeling form elements）
這里只有一個(gè)想和大家討論的：到底是用id和for來聯(lián)系，還是直接用label標(biāo)簽把表單元素和文字框起來？你們的習(xí)慣是怎樣的？

23. 讓所有的內(nèi)容都可被搜索（Making everything searchable）
這一條是個(gè)比較寬泛的產(chǎn)品層面的問題，這里就不作討論了。

24. 建立可訪問性聲明（Creating an accessibility statement）
這個(gè)蠻好，詳情還是建議看原文。我有時(shí)間也會(huì)做掉。

呼，總算寫完啦。再次呼吁，請(qǐng)通讀原文：http://www.diveintoaccessibility.org。

接下來就開始批判百度盲道啦~~敬請(qǐng)期待。

原文：http://www.mikkolee.com/198