重慶分公司,新征程啟航
為企業提供網站建設、域名注冊、服務器等服務
為企業提供網站建設、域名注冊、服務器等服務
1. 文檔聲明: 某A給我印象最深刻的一句話是,“做前端要有愛。不要動不動就有朩有地對各種人使用咆哮體”。
其實這跟 WCAG 根本上連不上什么直接關系,但為了一個兼容性更好,特別是向后兼容的頁面,我推薦你這樣寫:
2. 鏈接:
互聯網的聯幾乎可以說是用 來實現的,作為一個頁面最常見的標簽。我們應該如何對待呢?
為關鍵鏈接添加 accesskey
除非萬不得已,不要去掉 focus 時虛線框
Link
3. 縮寫:
對于用 HTML Tag 的正確使用,也是非常重要的,這有利于讀屏軟件使用者對于頁面結構的理解。特別是在 H1,H2,H3 等這些標簽的使用,濫用非常容易造成結構費解。當然,使用一般的標簽,再利用 CSS 來使視覺上形成對比這也是常人能辨識的。但讀屏軟件用戶呢。當然,這里只是順帶提起需要注意頁面標簽的使用方法,而 abbr 最重要的應該是應該添加一個 title 屬性對縮寫進行描述。比如:
WD
4. 大段引用: ,一般引用:
有大段引用的時候,使用 ,而行內引用則使用 ,讓你的結構更加易讀:
之前就一直想寫這樣的一篇文章,分享一下如何去創造一個可訪問性更好的頁面。今天的計劃里有一條把 HTML Tag 和 WCAG標準結合起來。我推薦你這樣去寫你的 HTML,讓某些人的生活可以更容易。
5. 刪除:
在紙上寫東西不能像在計算機上寫東西一樣,可以用撤銷鍵可以按,但當我們想要強調某些東西是被刪除的怎么辦?那就是使用 標簽了。比如這樣:HTML上表示強調時,請使用 <b> 標簽
HTML上表示強調時,請使用 <strong> 標簽
效果是這樣的:
HTML上表示強調時,請使用 標簽
HTML上表示強調時,請使用 標簽
6. 定義列表:
去年帶著新人做支付寶前端博客的時候,他們給我印象最深刻的是很喜歡用 。當時在想,這些同學挺不錯的,對語義化的理解還不錯。
創新互聯主要從事成都網站設計、網站制作、網頁設計、企業做網站、公司建網站等業務。立足成都服務含山,10多年網站建設經驗,價格優惠、服務專業,歡迎來電咨詢建站服務:18980820575