1. 文檔聲明：

其實這跟 WCAG 根本上連不上什么直接關系，但為了一個兼容性更好，特別是向后兼容的頁面，我推薦你這樣寫：

2. 鏈接：

互聯網的聯幾乎可以說是用 來實現的，作為一個頁面最常見的標簽。我們應該如何對待呢？

Link

3. 縮寫:

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

WD

4. 大段引用:

，一般引用:

有大段引用的時候，使用

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

之前就一直想寫這樣的一篇文章，分享一下如何去創造一個可訪問性更好的頁面。今天的計劃里有一條把 HTML Tag 和 WCAG標準結合起來。我推薦你這樣去寫你的 HTML，讓某些人的生活可以更容易。

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

5. 刪除：

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

HTML上表示強調時，請使用 標簽

HTML上表示強調時，請使用 標簽

效果是這樣的：

HTML上表示強調時，請使用 標簽

HTML上表示強調時，請使用 標簽

6. 定義列表：

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

這兩個。

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

Coffee

- black hot drink

Milk

- white cold drink

7. 無序/有序列表

/

列表，這個對于每個前端來說，都熟悉不過了。因為結構可以非常靈活地進行應用，在導航、列表、Tab 等，都經常要要用到。這個就無須多說了。但有一點還是需要明白的，不要相信什么

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

1. Coffee
2. Tea
3. Milk

8. 表格:

如果是一個表格，那就，就不要用段落來替代，更不要用列表。除非萬不得已，并且他們是可以轉換的。另外，表格中還有一些需要注意的點：

給

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

添加

，如果我沒記錯，如果沒添加的話，瀏覽器會自動為你添加

必要時使用

來控制表示的欄

DATE	IP	PV
2011.3.11	3000	8000

寶雞世紀網絡