網站可鍵盤操作的無障礙設計
那些使用者對於透過鍵盤操作網站具有強烈的需求,甚至不可缺少呢,這些使用者當中包括長時間寫程式,習慣使用鍵盤完成操作且更有效率的電腦操作高手(Power User);無法使用滑鼠操作細微移動動作的行動障礙者;還有看不見而無法使用滑鼠的盲人[1]。
科技的進步會逐漸消弭目前已知的障礙,但可能也會產生另一種類型的障礙,例如新興的語音輸入技術,可能提供替代鍵盤的輸入方式,但是如果僅提供語音操作時,對於聽障者而言,將可能產生操作的障礙。因此,以網站操作來說,可鍵盤操作仍是具備通用使用的必要性。
網站內容的所有功能都要能透過鍵盤操作(A等級),此項錯誤常發生在網頁中使用非HTML原生語意(如a連結)而透過腳本(Script)模擬的連結[2]、僅用滑鼠事件驅動[3]或使用腳本移開焦點[4],導致無法使用鍵盤操作網站的功能,而有關繪畫需要使用者動作的軌跡或直升機訓練模擬器即為實際的使用情況,不在此限。規範AAA等級則沒有例外情況,網站內容的所有功能皆須能透過鍵盤操作。
網站內容的所有功能不能讓鍵盤陷入其中而無法離開(A等級),此項錯誤最常見於網頁中有多重的插件[5]如日曆、拼圖、模態對話框,常讓使用者的鍵盤焦點陷在其中,使用者僅能關閉整個網頁,再重新開啟,必須避免再次掉入陷阱。
表1:鍵盤可操作與等級對照表
鍵盤可操作與等級 |
A |
AA |
AAA |
鍵盤操作 |
內容的所有功能都能透過鍵盤介面來操作,而且不能額外要求在限定時間內完成按鍵操作。特殊目的的網頁(例如繪畫、直升機訓練模擬、遊戲網頁要求在特定時間內完成指定操作)不在此限。 |
-- |
-- |
無鍵盤陷阱 |
如果可以使用鍵盤介面,將鍵盤焦點移至頁面中的某個元件,則也要能僅用鍵盤介面就把焦點移開;如果移開焦點需要用到普通的方向鍵、跳位鍵以外的按鍵,或其他標準的離開方法,則需告知使用者如何操作。 |
-- |
-- |
鍵盤操作(無例外) |
-- |
-- |
內容的所有功能都能透過鍵盤介面來操作,而且沒有額外的特定按鍵計時需求。 |
備註:「--」表示無該等級的要求。
參考來源:
- 無障礙網路空間服務網,https://www.handicap-free.nat.gov.tw/Home/Info。
- Web Content Accessibility Guidelines (WCAG) 2.0,https://www.w3.org/TR/WCAG20/。
[1] Keyboard-Only Navigation for Improved Accessibility, https://www.nngroup.com/articles/keyboard-accessibility/; Give Your Site Some Focus! Tips for Designing Useful and Usable Focus Indicators, https://www.deque.com/blog/give-site-focus-tips-designing-usable-focus-indicators/
[2] https://www.w3.org/TR/WCAG20-TECHS/F42.html
[3] https://www.w3.org/TR/WCAG20-TECHS/F54.html
[4] https://www.w3.org/TR/WCAG20-TECHS/F55.html
[5] https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/F10