- 作者:
- 發表時間:2010-04-07 09:29
- 來源:
tabbing浏覽
不或不能(néng)使用指點設備的用戶可以用快捷鍵tab鍵來打開(kāi)連接,并且本身也要有邏輯tab順序。盡管HTML是線性的,tabindex屬性允許你定義它快捷鍵們的順序,而且這些邏輯tab應該可以自(zì)動落入自(zì)己位置。
快捷鍵
快捷鍵可以通(tōng)過鍵盤的特定按鍵進行更方便的導航(當按住Alt鍵或者Ctrl鍵時獲得焦點)。對于那些沒有指點設備的用戶,比起使用tab鍵操作連接更快捷,更方便。
沒有必要為(wèi)每一(yī)個(gè)連接都設置快捷鍵,但為(wèi)主要導航連接都設置是一(yī)個(gè)不錯(cuò)的主意。
注意
快捷鍵的麻煩是,用戶常常沒有辦法知道它們在哪裡(lǐ)和到(dào)底是什麽鍵(除非查看(kàn)源代碼)。雖然JAWS──一(yī)個(gè)可以大聲讀(dú)出快捷鍵的屏幕閱讀(dú)器(qì),但要掘盡其能(néng),你還(hái)是得讓快捷鍵更直白(bái)。
你可以使用像“跳過導航”的連接技(jì)術(shù)(下(xià)詳),或者選擇一(yī)個(gè)獨立的頁面來說明你網站的這些易用性相(xiàng)關功能(néng),包括快捷鍵。一(yī)個(gè)越來越流行的辦法是在一(yī)個(gè)與快捷鍵相(xiàng)一(yī)緻的字母上(shàng)加下(xià)劃線,類似于Windows程序菜單中的方法。
連接的标題
為(wèi)連接添加标題屬性title是一(yī)個(gè)好主意,這會(huì)給用戶所指向連接的予說明,所以能(néng)改進導航。
假如這個(gè)連接是執行Javascript的,這也有利于為(wèi)沒有使用Javascript功能(néng)的用戶解釋什麽将會(huì)(或不會(huì))發生(shēng)。
title="Open a nasty Javascript pop-up window">Monster
彈出窗(chuāng)口
說到(dào)Javascript彈出窗(chuāng)口,你要堅持使用的話,或者很多(duō)人(你的用戶)告訴你要使用,你可以用onkeypress和onclick來使得頁面更易用。并且,在功能(néng)上(shàng)定義了返回false的彈出窗(chuāng)口,包含一(yī)個(gè)帶有href屬性指向普通(tōng)頁面的連接,對于一(yī)個(gè)沒有使用Javascript功能(néng)的用戶來說,可以以普通(tōng)方式載入這個(gè)頁面。
比如:
...
Monster
相(xiàng)鄰的連接
相(xiàng)鄰的連接應該至少用空格隔開(kāi),以便為(wèi)屏幕閱讀(dú)器(qì)清晰辯明。
這也可以用字符來完成,連接之間的(比如豎線 |── 連接 | 連接),或者包圍連接的(如中括号 [] ── [連接] [連接])。把連接放(fàng)在列表裡(lǐ)面也是一(yī)個(gè)好主意。然後可以用CSS來樣式化顯示,甚至可以是并行的列表(用 display: in-line)。
跳過導航
你應該讓使用屏幕閱讀(dú)器(qì)的用戶一(yī)個(gè)跳過導航直接到(dào)内容的機(jī)會(huì)。這是因為(wèi),假設你的連接是固定的(應該是),用戶不必經受每一(yī)頁同樣的信息,尤其是大量的。你可以設置一(yī)個(gè)連接,跳過導航直接跳到(dào)内容的連接。
看(kàn)起來像是這樣的:
The Heading
Skip navigation
顯然,你沒有必要在可視化浏覽器(qì)中顯示它,所有你可以用CSS開(kāi)隐藏它。
注意
這是雖然隻是一(yī)個(gè)CSS的小(xiǎo)技(jì)巧,但是“跳過導航”的特效藥。這涉及到(dào)隐藏連接的方法。
最常見(jiàn)的辦法可能(néng)是使用display: none,但有些浏覽器(qì)看(kàn)到(dào)但不理解這個(gè)連接,“跳過導航”的連接必須顯示。
然而沒有必要顯示──沒有理由顯示給醒目的用戶。所以堅持使用包含display: none的樣式,還(hái)不如把元素寬和高(gāo)設置為(wèi)零(width: 0; height: 0; overflow: hidden;),這有相(xiàng)同的視覺效果,但可以使屏幕閱讀(dú)器(qì)理解。