最新的Web開發教程
 

網絡WAI


WAI定義為Web開發的指導方針。


WAI - 無障礙網頁倡議

WAI(W3C,1997)是一組用於Web開發人員和設計人員,如何使Web訪問殘疾人士的指導方針。

這些指導方針的目的是方便,但他們也將有助於使Web內容提供給更多的瀏覽器(語音瀏覽器,手機,手持設備)和更多的用戶在惡劣的環境中工作(免提,強光,黑暗,視線不良,重噪聲)。

注意 如果你的網站缺乏WAI功能(對比度好,可調整大小的文本,以描述圖像),殘疾人將無法訪問您的信息。

為使您的網站更容易的原因:

  • 它會提高你的聲譽和客戶滿意度
  • 它會增加你的觀眾數量
  • 它可以讓你的訪問者在您的網站停留時間較長
  • 它會讓你的網站更可用的人用舊設備

還記得“ALT”

alt屬性允許你為圖像的替代文本:

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

有時,一個Web瀏覽器無法顯示圖像。 原因可能是其中之一:

  • 用戶已經關閉了的圖像的顯示
  • 瀏覽器是沒有圖像顯示一個Mini瀏覽器
  • 瀏覽器是語音瀏覽器

如果使用“alt”屬性,大多數瀏覽器至少會顯示(或讀取)“ALT”文字。


不要用小字體

一些網站使用小尺寸的文字只是為了“擠”更多的文字到每個頁面,或者使頁面更加“時髦”。

再次,不同的設備,觀察條件,或殘疾遊客可能有困難閱讀的文本。

注意 不要強迫你的訪客每次訪問你的站點時放大文本大小。

選擇最佳信和行距

有額外的字母間距文字易於閱讀。

降低字母間距文字難以閱讀。

具有良好的文字
行間距
易於閱讀。

以減少文字
行間距
難以閱讀。


避免花哨的字體

普通字體易於閱讀。

斜體字體是不那麼容易閱讀。

襯線字體更難以閱讀。


避免可憐的色彩對比

在白色背景上,或在黑色背景上白色文本黑色文本,是最適合人觀看殘疾人,並在裝備不好的顯示。

白底灰色文本可以給一個貧窮的對比:

白色背景上的文本顏色#AAAAAA
文本顏色#666666在白色背景
文本顏色#333333在白色背景
文本顏色#000000在白色背景

在深色背景上的灰色文字也可以給一個貧窮的對比:

文本顏色#666666黑色背景上
黑色背景上的文本顏色#AAAAAA
黑色背景上的文本顏色#CCCCCC
黑色背景上的文本顏色#FFFFFF

某些組合 - 像黑色和紅色,黑色和藍色,黃色和綠色 - 永遠應變的眼睛:

紅色背景上的黑色文本
藍色背景上的黑色文本
綠色背景黃色文本

而有些組合是沒有那麼糟糕:

在灰色背景上的黑色文本
淡藍色黑色文本
古色古香的白色黑色文本
深藍色白字

永遠設置背景顏色

大多數網頁使用不同的文本元素的顏色。 兩個報頭和鏈接在從主體文本不同的顏色通常是。

作為一個網頁設計師,你應該知道的事實,你的訪問者能夠改變默認顏色的喜好。

如果你定義為您的網站元素(如標題和鏈接)的顏色,你也應該定義背景色。

注意 如果不定義背景顏色,你的網站可能最終得到的顏色一些非常糟糕的組合(如紅色背景上的淡紅色標題,或者更糟的是,在黑色背景上的黑色文本)。