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 |
某些組合 - 像黑色和紅色,黑色和藍色,黃色和綠色 - 永遠應變的眼睛:
紅色背景上的黑色文本 |
藍色背景上的黑色文本 |
綠色背景黃色文本 |
而有些組合是沒有那麼糟糕:
在灰色背景上的黑色文本 |
淡藍色黑色文本 |
古色古香的白色黑色文本 |
深藍色白字 |
永遠設置背景顏色
大多數網頁使用不同的文本元素的顏色。 兩個報頭和鏈接在從主體文本不同的顏色通常是。
作為一個網頁設計師,你應該知道的事實,你的訪問者能夠改變默認顏色的喜好。
如果你定義為您的網站元素(如標題和鏈接)的顏色,你也應該定義背景色。
如果不定義背景顏色,你的網站可能最終得到的顏色一些非常糟糕的組合(如紅色背景上的淡紅色標題,或者更糟的是,在黑色背景上的黑色文本)。 |