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

譯者注：文章的英文原名為”Skip Navigation” Links，來自WebAIM。WebAIM組織為網(wǎng)站信息無障礙提供了全面的解決方案。所謂網(wǎng)站信息無障礙指任何人（無論是健全人還是殘疾人，無論是年輕人還是老年人）在任何情況下都能平等的、方便地、無障礙地從網(wǎng)站上獲取信息、利用信息。最近在學習無障礙相關(guān)標準與技術(shù)，本文主要探討如何在頁面上設(shè)置一個“跳過導航”鏈接以方便視障人群來使用網(wǎng)站功能。

一、概況

在許多模板設(shè)計中都存在一個問題：頁面的主要內(nèi)容并不在頁面的最開始的位置。使用屏幕閱讀器的用戶常常要聽完一長串導航鏈接、次導航鏈接、網(wǎng)站logo、網(wǎng)站搜索框和其他元素后，才能到達主要內(nèi)容區(qū)域。事實上，鍵盤使用者為了要到達主內(nèi)容區(qū)域，必須tab過所有的頂部導航鏈接。如下圖，由于頁面布局，導航鏈接分布在頂部和左側(cè)，用戶需要跳過118個鏈接才能到達內(nèi)容區(qū)。

二、創(chuàng)建“跳過導航“鏈接

很簡單：在頁面頂部提供一個可以使用戶可以直接跳到主要內(nèi)容的鏈接。在大多數(shù)情況下，它確實很容易，有不只一種方法來實現(xiàn)。一些方法也優(yōu)于其他。這里要討論的方法如下：

1. 在頁面頂部提供可見的鏈接
2. 在頁面其他地方提供可見的鏈接
3. 使鏈接隱藏
4. 先隱藏鏈接，直至它獲得鍵盤焦后再顯示

（1）在頁面頂部提供可見的鏈接

創(chuàng)建一個跳過導航鏈接最簡單的方法就是把它放在頁面頂部，把響應(yīng)錨點放到主內(nèi)容區(qū)域開始的位置。

鏈接在左邊、右邊還是中間的位置不重要，最重要的是要確保這個鏈接是屏幕閱讀器使用者進入頁面后最先聽到的內(nèi)容，同時也是鍵盤最先tab到的內(nèi)容。否則，用戶可能完全沒有意識到還有一個“跳過導航”鏈接，然后浪費時間在跳過那些無關(guān)的鏈接。屏幕閱讀器使用者很容易對此感到不耐煩。