當前位置:
首頁 > 知識 > Web Quality-無障礙(WAI)

Web Quality-無障礙(WAI)

能夠被殘障人士使用的網站才能稱得上一個易用的(易訪問的)網站。

殘障人士指的是那些帶有殘疾或者身體不健康的用戶。



Web Quality-無障礙(WAI)

Web Accessibility Initiative - WAI

WAI (由 W3C 在1997年發起)是一系列計劃供 web 開發者、創作者以及設計者使用的指導方針 - 關於如何使內容對殘障人士更易用。

這些指導方針的目標是易用性(accessibility),但是也有助於使 web 內容可用於更多的瀏覽器(語音瀏覽器、行動電話、手持設備),以及更多工作於困難環境的用戶(非手持式的、強光、黑暗、弱視、噪音等)。



Web Quality-無障礙(WAI)

WAI 對您的網站來說很重要嗎?

是的。

每天都有百萬計的殘障人士在網上衝浪,並且甚至超過百萬計的人們正在使用著不良的瀏覽器設備,或者工作在困難的環境當中。

假如您的網站缺乏諸如可調節字體尺寸、帶有文本描述的圖形以及便捷的導航,那些人們就無法訪問您的信息。

事實上:您的網站剝奪了這些人的權利。

增強網站易用性的理由還有:

  • 可提升網站的美譽度和形象

  • 可提升戶滿意度

  • 可增加訪問者的數量

  • 可增加訪問者在站點的停留時間

  • 可增加訪問者的回訪數量

  • 可同樣為無殘疾人士增加可用性

  • 可為關閉圖形功能的訪問者增加可用性

  • 可為使用老式設備的人群增加可用性

  • 可使您的網站為增長速度最快的人群提供服務:老年人群


Web Quality-無障礙(WAI)

使用可調節的字體大小

請使用相對的字體尺寸,這樣用戶就能夠使用瀏覽器菜單來改變默認的字體尺寸。

你可以閱讀嗎?

你可以閱讀嗎?

你可以閱讀嗎?

你可以閱讀嗎?

Web Quality-無障礙(WAI)

可以在您的瀏覽器菜單選擇"查看 - 文字大小"來 要改變字體大。



使用 "alt" 屬性

alt 屬性允許你為圖像(也可以為其它的元素)提供一條相對應的文字。

實例:

Banana

有時候瀏覽器會無法顯示圖像。具體的原因有:

  • 用戶關閉了圖像顯示

  • 瀏覽器是不支持圖形顯示的迷你瀏覽器

  • 瀏覽器是語音瀏覽器(供盲人和弱視人群使用)

如果您使用了 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