1. 文檔聲明：

其實(shí)這跟 WCAG 根本上連不上什么直接關(guān)系，但為了一個(gè)兼容性更好，特別是向后兼容的頁(yè)面，我推薦你這樣寫(xiě)：

2. 鏈接：

互聯(lián)網(wǎng)的聯(lián)幾乎可以說(shuō)是用 來(lái)實(shí)現的，作為一個(gè)頁(yè)面最常見(jiàn)的標簽。我們應該如何對待呢？

Link

3. 縮寫(xiě):

對于用 HTML Tag 的正確使用，也是非常重要的，這有利于讀屏軟件使用者對于頁(yè)面結構的理解。特別是在 H1,H2,H3 等這些標簽的使用，濫用非常容易造成結構費解。當然，使用一般的標簽，再利用 CSS 來(lái)使視覺(jué)上形成對比這也是常人能辨識的。但讀屏軟件用戶(hù)呢。當然，這里只是順帶提起需要注意頁(yè)面標簽的使用方法，而 abbr 最重要的應該是應該添加一個(gè) title 屬性對縮寫(xiě)進(jìn)行描述。比如：

WD

4. 大段引用:

，一般引用:

有大段引用的時(shí)候，使用

，而行內引用則使用 ，讓你的結構更加易讀：

之前就一直想寫(xiě)這樣的一篇文章，分享一下如何去創(chuàng )造一個(gè)可訪(fǎng)問(wèn)性更好的頁(yè)面。今天的計劃里有一條把 HTML Tag 和 WCAG標準結合起來(lái)。我推薦你這樣去寫(xiě)你的 HTML，讓某些人的生活可以更容易。

某A給我印象最深刻的一句話(huà)是，“做前端要有愛(ài)。不要動(dòng)不動(dòng)就有朩有地對各種人使用咆哮體”。

5. 刪除：

在紙上寫(xiě)東西不能像在計算機上寫(xiě)東西一樣，可以用撤銷(xiāo)鍵可以按，但當我們想要強調某些東西是被刪除的怎么辦？那就是使用 標簽了。比如這樣：

HTML上表示強調時(shí)，請使用 標簽

HTML上表示強調時(shí)，請使用 標簽

效果是這樣的：

HTML上表示強調時(shí)，請使用 標簽

HTML上表示強調時(shí)，請使用 標簽

6. 定義列表：

我們還是比較少用到定義列表的。而是使用一般的

這兩個(gè)。

也是應該慎用的，最好只使用在某些有“定義”意義的條目，如 w3school 的這個(gè)例子，對咖啡和牛奶的定義：

Coffee

- black hot drink

Milk

- white cold drink

7. 無(wú)序/有序列表

/

列表，這個(gè)對于每個(gè)前端來(lái)說(shuō)，都熟悉不過(guò)了。因為結構可以非常靈活地進(jìn)行應用，在導航、列表、Tab 等，都經(jīng)常要要用到。這個(gè)就無(wú)須多說(shuō)了。但有一點(diǎn)還是需要明白的，不要相信什么

/
是 的替代品。在我們常用的 HTML Tags 中，每個(gè)標簽都有自己的作用，誰(shuí)都不是誰(shuí)的替代品。

1. Coffee
2. Tea
3. Milk

8. 表格:

如果是一個(gè)表格，那就，就不要用段落來(lái)替代，更不要用列表。除非萬(wàn)不得已，并且他們是可以轉換的。另外，表格中還有一些需要注意的點(diǎn)：

給

添加 summary 屬性，有些表格非常大，并不需要去讀完整個(gè)

添加

，如果我沒(méi)記錯，如果沒(méi)添加的話(huà)，瀏覽器會(huì )自動(dòng)為你添加

必要時(shí)使用

來(lái)控制表示的欄

DATE	IP	PV
2011.3.11	3000	8000

寶雞世紀網(wǎng)絡(luò )