網站品質教程login
網站品質教程
作者:php.cn  更新時間:2022-04-01 15:28:35

Web無障礙(WAI)



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

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


Web Accessibility Initiative - WAI

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

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


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

是的。

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

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

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

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

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

  • 可提升戶滿意度

  • 可增加訪客的數量

  • 可增加訪客在網站的停留時間

  • 可增加訪客的回訪數量

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

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

  • 可為使用老式裝置的人群增加可用性

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


使用可調節的字體大小

請使用相對的字體尺寸,這樣使用者就能夠使用瀏覽器選單來改變預設的字體尺寸。

你可以閱讀嗎?

你可以閱讀嗎?

你可以閱讀嗎?

你可以閱讀嗎?

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


使用 "alt" 屬性

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

實例:

<img src="../style/images/banana.jpg" alt="Banana">

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

  • 用戶關閉了圖像顯示

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

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

#如果您使用了alt 屬性,那麼瀏覽器至少可以顯示或讀出有關圖像的描述。

#

PHP中文網