跳到主要內容區塊

網站可預期呈現及運作的無障礙設計

一般人對於所要從事的行為都會有預期的心理,當實際發生的情況與預期的相同,對於所有發生的情況就可以掌握並加以因應處理,而且會獲得很好的滿意度。反之,可能會令人感到挫折與沮喪。

人們對於使用網站的行為更是如此,因為現代的網站內有許多動態的內容,而且對於接收觸發的方式也很靈敏,除了使用者主動觸發,還有由網站本身功能設計的觸發,如果在使用者不知道發生甚麼事情的情況下,瀏覽網站時突然自動地改變了內容脈絡,使用者可能會手足無措,更遑論看不見螢幕畫面的視覺障礙使用者,更是無法順利使用網站的服務。

為提供使用者可以預期的方式使用網站,對於網站可獲得焦點而引起觸發行為的元件,當獲得焦點時,動作就僅及於焦點,不會讓網頁的內容脈絡發生改變(A)。並且,對於使用者介面元件設定改變時,亦不會自動變更前後脈絡,除非是使用者已知的情況下發生,例如開啟新視窗(A)。

對於反覆出現的導覽機制,在每個頁面上需有相同的相對順序,例如一般常見的網站導覽、搜尋功能、路徑連結列等(AA)。相同功能的元件,在網站中須有一致的識別資訊,例如下載圖示及其替代文字(AA)。對於更新的要求,應提供使用者確認更新後,才變更內容脈絡(AAA)。

表1:可預期呈現及運作與等級對照表

可預期與等級

A

AA

AAA

獲得焦點時

任何元件獲得焦點時,不會使前後脈絡產生改變

--

--

輸入時

使用者介面元件設定改變時,不會自動變更前後脈絡(除非是使用者已知的情況下發生)

--

--

一致性

--

反覆出現的導覽機制每次都要有相同的相對順序(除非使用者做了變更)

--

具有相同功能性的元件,在網頁中就要有一致的識別

請求變更

--

--

只有當使用者提出請求時,才開始變更脈絡,否則就要有個機制來關掉這類變更

備註:「--」表示無該等級的要求。

 

參考來源:

  1. 無障礙網路空間服務網,https://www.handicap-free.nat.gov.tw/Home/Info
  2. Web Content Accessibility Guidelines (WCAG) 2.0,https://www.w3.org/TR/WCAG20/