Thursday, March 21, 2013

螢幕閱讀器使用者提高可用性

只需確保你的網站螢幕閱讀器的使用者可以訪問遺憾的是不是不足以確保這些使用者可以找到他們尋找的合理快速和高效的方式。即使螢幕閱讀器的使用者可以訪問您的網站,它的可用性可能會非常差他們不必打擾了來到你的網站。


幸運的是,有很多簡單到實施準則您可以遵循,不只大大提高,螢幕閱讀器使用者,但對於所有 web 使用者的可用性:


1.描述性標題


使用的頁面上的標題是其中一個最重要的可用性功能,螢幕閱讀器使用者,因為它有助於他們更輕鬆地瞭解頁面結構。雖然頁面上的文本可能會顯示為弱視使用者的標題,它必須被稱為螢幕閱讀器的使用者,要知道它是一個標題的 HTML 代碼內的標題。


螢幕閱讀器別看網頁-他們讀通過 HTML 代碼。如果一段文本稱為 HTML 代碼內的一個標題然後螢幕閱讀器將宣佈它是一個標題。如果不是,螢幕閱讀器使用者其實不會知道如果直觀地顯示為標題的東西是實際上是一個標題。


對於螢幕閱讀器的使用者,使用標題的另一個可用性好處是這些使用者可以調用頁面上的標題清單,跳轉到頁面中,他們最感興趣的部分。這在很多作品掃描通過 web 頁的標題看了一眼弱視的 web 使用者相同的方式。如果標題包含它們下面的內容的描述性它變得容易得多,螢幕閱讀器使用者要查找的資訊,他們是後。


2.描述性的連結文本


螢幕閱讀器使用者可以通過網頁流覽,通過調用一個清單的頁面上的連結,並啟動,他們最感興趣的連結。為此,非描述性的連結的文本,例如按一下此處應避免不惜一切代價作為上下文的任何出沒有意義。


好消息是使用描述性連結案文表示一個可用性好處,每個人。當我們通過 web 頁掃描時,站向我們的專案之一是連結文本。'按一下此處' 是掃描整個頁面的 web 使用者完全沒有意義,並強制使用者以打獵通過周圍的文本來發現連結目標。


3.清單


使用 HTML 代碼內的清單是對於螢幕閱讀器使用者,極為有用,因為螢幕閱讀器閱讀清單中的項之前宣佈的每個清單中的專案數。這可以説明這些使用者知道什麼指望時聽到的專案 (如導航網站) 的清單。


這在爛工作相同的方式接聽電話,告訴你多少條消息你有之前聽取他們的意見。通知您的郵件的數量,您可立即知道什麼指望。如果僅有一個或兩個消息你也許可以想起他們 ;更多和你可能會想要獲取的筆和紙,記了。


清單的使用是真的只是幕後的代碼更改和不必會影響網站的視覺外觀。


4.邏輯線性化


螢幕閱讀器使用者一般要聽 web 頁從開始到結束上到下、, 從左至右。弱視的 web 使用者另一方面可以流覽一下網頁幾乎隨機,檢舉的重要資訊,無論它可能出現在頁面上。因此,重要的資訊始終應實現頁面的頂部放置。


如何執行此操作的一個示例是將表單的說明放在頁面的底部。


將重要資訊實現頁面的頂部放其實都得到好處,作為重要的資訊在弱視的使用者首先-查找頁面的頂部的地方現在是。


5.短期的、 簡潔的 ALT 文本


ALT 文本是獲取到螢幕閱讀器使用者閱讀圖像的替代文字。任何提供甚至基本的協助工具的網站將提供此替代文本。一些網站嘗試 over-explain 圖像,迫使螢幕閱讀器使用者一定要聽聽了很多不必要和不相關的資訊傳達的資訊。


螢幕閱讀器使用者往往需要較長時間比明眼人的 web 使用者通過網站來進行工作,所以説明使他們更容易與簡潔的 ALT 文本的上網時間。


6.短、 重磅出擊的段落


為什麼前期手段將結論放在第一,其次是什麼,何時、 在哪裡和如何。通過首先放置結束,螢幕閱讀器使用者可以即時瞭解的什麼這一段的內容。然後,他們可以決定是否要繼續聽下去,或如果他們想要跳到下一段 (這很容易,它們可以與螢幕讀取器)。如果段落短,他們可以做這個保險櫃中他們不會缺少的額外資訊的知識。


前期內容顯然都得到好處,作為 web 使用者不再需要搜索周圍的每個段落的主要點。


7.描述性的頁標題


螢幕閱讀器使用者聽到時到達任何 web 頁上,所以它是真正的關鍵它是描述性的頁面的第一點就是網頁標題。再次,作為使用者的每個人都可以使用網頁標題來定位自己,並確認他們是他們認為在頁上此好處他們上。網頁標題顯示在頁面的其餘部分之前的秒數的位置,這是對於 web 使用者撥號連線上尤其如此。


結論


有一些相對簡單和無痛提高可用性,螢幕閱讀器使用者就可以做到的事情。幸運的是,幾乎所有人都提高了可用性對於所有 web 使用者,意味著每個人的好處-這永遠不是一件壞事。

No comments:

Post a Comment