我從網頁設計師那里看到的最大的錯誤之一就是使得可訪問性比實際更復雜。
大多數(shù)網站設計師認為創(chuàng)建可訪問的內容,這將需要幾周的夸張標簽,設計標簽瀏覽和熱鍵每一分鐘的功能的一個網站,并寫出過度描述的元數(shù)據,所以大多數(shù)人只是放棄,甚至不煩。然而,通過使用一些簡單的技術和遵循一些基本的指導方針,您可以讓廣泛的用戶群體訪問您的網站,而不用花費太多的時間和精力。
我將Web可訪問性定義為:
無論物理能力,網絡客戶端和個人喜好如何,都可以向廣泛的受眾群體提供網絡內容。
為了簡化我們作為可訪問的網頁設計師的任務,我們評估一些不同類型的用戶時,有一些特定的類別可能會有所幫助:
視力障礙:視力低或視力不佳者?這些用戶可以使用屏幕軟件,或者可以使用瀏覽器的功能來增加文本大小和對比度。
聽力障礙:聽力低或聽不到的聽力。這些用戶需要能夠看到作為網站一部分的任何音頻的文本表示。
身體受損:那些缺乏使用鼠標或傳統(tǒng)鍵盤的身體靈巧的人。這些用戶可以使用各種接口設備,其中許多接口設備與傳統(tǒng)[TAB]密鑰的功能并行。
替代Web客戶端用戶:可能正在使用移動設備,平板電腦,專業(yè)瀏覽器(如零售銷售點設備)或游戲機的用戶。這些設備上瀏覽窗口的尺寸和方向可能是非常規(guī)的
技術有限:可能具有低帶寬或低網絡可靠性的用戶,例如偏遠地區(qū)或發(fā)展中國家的用戶。這些用戶可能會關閉表示層以更好地訪問內容。
要設計可訪問的網站,您可以做的最重要的事情之一是將內容與演示文稿分開。請記住,人們正在訪問您的網站的內容。通過將演示文稿與內容分開,您可以讓用戶使用任何適合的客戶端訪問內容,無論是屏幕閱讀器,移動設備還是平板電腦。
內容層
內容層是設計可訪問網站的核心。由標簽之間的所有內容組成的內容層只能包含要直接與受眾通信的信息,例如文本和圖像。除了設置顯示信息的順序之外,內容層不應該包含有關頁面應該是什么樣的信息?- 信息屬于表示層。
結構。內容層應根據您使用的html標簽的含義進行結構化。如果您已經熟悉語義代碼,這應該很簡單。如果你不是,你應該查看Roger Johansson?關于語義HTML的文章。
頁面的標題應該包含在
標簽中,表示它是頁面上最高級別的標題。
該網站的導航應包含在
標簽中,因為它是無序的項目列表。
盡可能避免使用
- 不應使用格式化標簽。
標簽只能用于標識表格數(shù)據,例如財務資產負債表。 不要用
標簽瘋狂。不幸的是,隨著人們停止使用
標簽,他們似乎只是用s?替代它們。當a?
不代表新的內容分組時,它不會被正確使用。
圖像。語義設計原理告訴我們,不spacer.gif應該包括非內容圖像,如臭名昭著的圖像。應使用圖像進行元標記,?
請記住,您在
演示層
固定尺寸。用戶可能會有異常大小的屏幕,或者可能會選擇在瀏覽器中增加文字大小。當您為元素建立固定高度時,當您的用戶嘗試增加文本大小時,您的設計很可能會中斷。盡可能避免固定尺寸。
顏色和對比度。確保您的顏色選擇允許文本從背景中脫穎而出,使低視力人士可以輕松閱讀您的內容。
動態(tài)內容。有很多偉大的JavaScript動力,AJAX風格的動態(tài)技術,可以用來使您的網站具有視覺吸引力和功能上有用的演示文稿。當包含這些元素時,請始終關注當沒有啟用Javascript的用戶嘗試訪問內容或功能時會發(fā)生什么。對于這方面的一些很好的技術,我強烈推薦湯米·奧爾森(Tommy Olsson)關于優(yōu)雅退化和漸進增強的文章。
可用性測試
一旦您完成了內容和演示文稿層的輔助功能,現(xiàn)在是時候來看看您的網站如何通過任何數(shù)量的非傳統(tǒng)方式呈現(xiàn)給您的客戶。我看到的最好的快速訪問檢查是MIT Web輔助功能指南5分鐘快速檢查可訪問性。它包括以下步驟:
關閉瀏覽器中的圖像(確保圖像占位符已打開)
關閉JavaScript支持
選中頁面,嘗試導航,無需鼠標
嘗試在瀏覽器中更改標準字體顏色和樣式
嘗試使用瀏覽器增加字體大?。ㄒ晥D>文本大小>增加)
關閉樣式表的支持
如果您的網站在采取這些步驟后仍然有意義,那么您有一個可訪問的網站可以覆蓋廣泛的用戶群體,希望您仍然有足夠的時間來享受冰冷的飲料,并閱讀Digg的游戲部分。