用戶體驗設計-“跳過導航”鏈接(3)

#skip a:active , #skip a:focus{position:static; width:auto; height:auto;}

HTML結構：

<div id=”skip”><a href=”#content”>skip to man content</a></div>

三、哪種文字描述比較好呢？

有不只一種好的方式來描述這個鏈接 。以下是比較常用的幾種：

1. 跳過導航
2. 跳過主要導航
3. 跳過導航鏈接
4. 跳到主內(nèi)容區(qū)
5. 跳到內(nèi)容區(qū)

以上任何一種都很好。

四、瀏覽器怪癖

Windows的IE號稱是最棘手的瀏覽器了。在一些頁面中，“跳過導航”鏈接如預期的一樣起作用，但是在一些情況中，視線的焦點是改變了，但是輸入焦點并沒有。換句話說，當用戶激活了跳過導航鏈接，焦點移到正確的位置，但是當用戶再次TAB的時候，焦點重新回到了初始的位置。當這種情況發(fā)生時，跳過導航的鏈接就完全沒有意義了。

是什么引起了IE下這個bug呢？事實證明，IE需要錨點在一個定義了寬度的元素內(nèi)。寬度可以是絕對的（如600px）,也可以是相對的（如100%等），但是寬度必須被定義。這個寬度可以定義給一個div，一個表格單元，span標簽或者其他元素。

有時在一個特殊的設計里，找到一個可用的寬度單位是很不方便的。但是讓“跳過導航”鏈接起作用是很必要的。事實上，所有頁面上的每一個錨點都必須在一個定義了寬度的元素里，并不只是跳過導航鏈接的錨點。

五、“跳過導航”的替代方法

事實上，“跳過導航”是一個非常笨拙的方法。他將一直有效，直到有一種劃分導航和主要內(nèi)容的更標準化的方法出現(xiàn)。然后，還有不止一種方法來達到跳過導航的效果。

（1）按標題導航

最有效的辦法就是創(chuàng)建有合適標題的文檔結構，這樣用戶就能在標題之間跳轉。大部分屏幕閱讀器都允許用戶只聽標題，跳過段落、圖片、鏈接和其他