Latest web development tutorials

Web 無障礙(WAI)

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

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


Web Accessibility Initiative - WAI

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

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


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

是的。

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

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

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

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

  • 可提升網站的美譽度和形象
  • 可提升戶滿意度
  • 可增加訪問者的數量
  • 可增加訪問者在站點的停留時間
  • 可增加訪問者的回訪數量
  • 可同樣為無殘疾人士增加可用性
  • 可為關閉圖形功能的訪問者增加可用性
  • 可為使用老式設備的人群增加可用性
  • 可使您的網站為增長速度最快的人群提供服務:老年人群

使用可調節的字體大小

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

你可以閱讀嗎?

你可以閱讀嗎?

你可以閱讀嗎?

你可以閱讀嗎?

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


使用"alt" 屬性

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

實例:

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

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

  • 用戶關閉了圖像顯示
  • 瀏覽器是不支持圖形顯示的迷你瀏覽器
  • 瀏覽器是語音瀏覽器(供盲人和弱視人群使用)

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