Web Quality-無障礙(WAI)
能夠被殘障人士使用的網站才能稱得上一個易用的(易訪問的)網站。
殘障人士指的是那些帶有殘疾或者身體不健康的用戶。
Web Accessibility Initiative - WAI
WAI (由 W3C 在1997年發起)是一系列計劃供 web 開發者、創作者以及設計者使用的指導方針 - 關於如何使內容對殘障人士更易用。
這些指導方針的目標是易用性(accessibility),但是也有助於使 web 內容可用於更多的瀏覽器(語音瀏覽器、行動電話、手持設備),以及更多工作於困難環境的用戶(非手持式的、強光、黑暗、弱視、噪音等)。
WAI 對您的網站來說很重要嗎?
是的。
每天都有百萬計的殘障人士在網上衝浪,並且甚至超過百萬計的人們正在使用著不良的瀏覽器設備,或者工作在困難的環境當中。
假如您的網站缺乏諸如可調節字體尺寸、帶有文本描述的圖形以及便捷的導航,那些人們就無法訪問您的信息。
事實上:您的網站剝奪了這些人的權利。
增強網站易用性的理由還有:
可提升網站的美譽度和形象
可提升戶滿意度
可增加訪問者的數量
可增加訪問者在站點的停留時間
可增加訪問者的回訪數量
可同樣為無殘疾人士增加可用性
可為關閉圖形功能的訪問者增加可用性
可為使用老式設備的人群增加可用性
可使您的網站為增長速度最快的人群提供服務:老年人群
使用可調節的字體大小
請使用相對的字體尺寸,這樣用戶就能夠使用瀏覽器菜單來改變默認的字體尺寸。
你可以閱讀嗎?
你可以閱讀嗎?
你可以閱讀嗎?
你可以閱讀嗎?
可以在您的瀏覽器菜單選擇"查看 - 文字大小"來 要改變字體大。
使用 "alt" 屬性
alt 屬性允許你為圖像(也可以為其它的元素)提供一條相對應的文字。
實例:
有時候瀏覽器會無法顯示圖像。具體的原因有:
用戶關閉了圖像顯示
瀏覽器是不支持圖形顯示的迷你瀏覽器
瀏覽器是語音瀏覽器(供盲人和弱視人群使用)
如果您使用了 alt 屬性,那麼瀏覽器至少可以顯示或讀出有關圖像的描述。
※W3C XML 活動
※Web 品質-標準
※Web 品質-重要的 HTML 元素
※Web 品質-樣式表
TAG:程序員小新人學習 |
※Web Pages WebSecurity 對象
※ASP.NET Web Forms ArrayList 對象
※ASP.NET Web Forms 維持 ViewState
※WebXR瀏覽器Firefox Reality登陸Oculus Quest
※ASP.NET Web Forms Button 控制項
※Mozilla 釋出在線 IDE:WebAssembly Studio 測試版
※Web Pages-WebMail 幫助器
※Mozilla發布WebAssembly執行介面WASI
※Blazor正式成為Microsoft官方.NET 和WebAssembly項目
※Raf Simons x The Webster 發布獨佔 「I Love NY」 T 恤
※Mozilla WebVR社交Hubs確認支持Oculus Quest
※Mozilla將WebXR Viewer更新至ARKit2.0
※Mozilla用WebXR Viewer提供對iOS on WebXR訪問
※NexTech的WebAR電商解決方案登陸Shopify、WordPress平台
※NetCore2.1 WebAPI 根據swagger.json自動生成客戶端代碼
※微軟Skype Web不再支持Linux/ChromeOS
※Dweb:使用WebRTC/WebTorrent構建彈性Web
※Google News大改版 在iOS/Android/Web上更好用
※WebKit漏洞影響最新版Apple Safari
※Cisco ccna 第四講-web-iou