Monday, May 28, 2012

網頁易讀性: 基礎知識

無障礙網頁是什麼和為什麼重要?


無障礙網頁是關於使所有互聯網使用者 (已禁用和非殘疾),不管他們在使用什麼流覽技術的可訪問您的網站。除了要遵守的法律,可訪問的網站可以收穫到您的網站,您的業務上的巨大利益。


您的網站必須能夠與所有不同的流覽技術功能


第一,也許最重要的網頁易讀性的規則。不是每個人都使用最新版本的 Ie 流覽器,所有的外掛程式和程式您可能需要為您的網站有。流覽技術不同,每個都有自己的可訪問性要求,可以包括:


* lynx 流覽器-純文字流覽器不支援表、 CSS、 圖像、 JavaScript、 Flash 或音訊和視頻內容


* WebTV-560px 寬度與水準滾動中不可用


* 螢幕讀取器-頁面內容的 HTML 文檔中的出現的順序大聲朗讀


* 手持設備-有限支援 JavaScript 和大圖像很小的螢幕


* 螢幕放大鏡-少到三到四個字可能能夠在任何時間出現在螢幕上


* 慢速連接 (低於 56 kb)-使用者可能會關閉圖像,以便更快的下載時間


* 1600px 螢幕寬度-非常寬螢幕


基本上,這意味著以確保你的網站是人人必須提供替代辦法:


* 圖像的 ALT 文本的形式


* JavaScript-通過標記


* 閃爍-HTML 等效項


* 音訊與視頻-使用字幕或書面的講稿


為增強的網站協助工具還必須小心你的頁面時刪除了支援 CSS 和/或表的外觀。


有兩個好方法,您可以檢查你的網站是可訪問的所有這些:


* 下載 Opera 流覽器並閱讀這篇文章對檢查網頁易讀性與歌劇 (http://www.sitepoint.com/article/checking-just-browser)


* 從 http://lynx.browser.org 下載 Lynx 流覽器,看是否可以成功地訪問你的網站的每個部分


表單需要所有 web 使用者可以都訪問的


Web 使用者填寫表單時它就是一個偉大的事情。人填寫表格:


* 購買產品 * 簽約新聞快遞 * 問一個問題


這些就是網站的你的目標 !網站訪問者通過您的網站看起來可能,決定他喜歡他的看到,試圖註冊您的新聞稿。


...但該表單不是他可訪問的所以他觸和你失去了潛在客戶。在 web 上的多數形式患有可訪問性問題。這兩個主要原因如下:


* 提示文本被錯誤地定位 * 提示文本是未分配到表單的專案 (提示文本是 '評論' 每個表單的專案,例如名稱、 電子郵件旁邊顯示的文本)


要瞭解更多請閱讀這篇文章使表單訪問 (http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/accessible-forms-1.shtml)。


它應該是所有使用者可以方便地快速處理您的網站上的內容


我們一般不讀的 web 頁。我們進行掃描,試圖找到我們在尋找什麼,儘快。在定期的顯示器上,我們下滾動頁面的其餘文本中脫穎而出的專案看: 標題、 連結、 粗體文本和子彈的點。非鍵盤和視障人士使用的使用者往往通過 tab 鍵之間的標題或連結掃描頁面。


為確保您的網站的協助工具,使用標題、 連結、 加粗文本和專案符號點,並確保它們包含描述性文本。例如,永遠不會使用按一下此處連結文本。


應完全分隔結構和演示文稿


結構與演示文稿分離通過您的網站將可以訪問和準備互聯網的未來: Pda、 手機、 車內流覽器、 WebTV 和 1600px 的螢幕。


文檔的結構是如何它組織,通常與導航功能表項目、 標題、 副標題、 段落、 清單和連結。文檔的演示文稿是如何向最終使用者顯示這些文字和圖像。


此協助工具準則背後的主要原則是使用 CSS 和不表對 web 頁進行佈局。簽出我們 CSS 資源的地區,說明如何使用 CSS 來增加你的網站可訪問性。


有更多的結構和比只將你的網頁鋪設用 CSS 演示文稿分離。看一看此 HTML 元素清單,告訴您哪些元素是結構性的哪些是表像。為優化 web 協助工具,可以,並應避免使用表像元素,因為它們可能會導致您的網站,成為某些使用者的可訪問性低。


最終使用者應掌握在你的網頁


所有的 web 使用者有他們如何使用互聯網,取決於他們使用的流覽器類型或任何障礙或殘疾,他們可能會有一種獨特的要求。由交回給您的使用者的控制,你會改善你的網站可訪問性和網站訪問者將能夠用最佳的方式使用你的網站適合她們。


此協助工具準則可能意味著允許使用者調整文本的大小,警告他們打算在新的視窗中打開連結時,或提供一個連結,以將使用者直接向頁面內容的螢幕的頂部。

No comments:

Post a Comment