無障礙手冊A+-1:若網頁物件使用時,確定勿僅使用滑鼠操作,確保有滑鼠以外的操作

如果網頁上有Script或是Applet等程式物件時,我們必須確保這些物件除了滑鼠之外,還有其他的驅動方式,因為身心障礙者可能使用滑鼠之外的輸入設備,像是點字機、頭仗(head wands)以及麥克風等。 所以網頁中使用事件驅動時,勿設計只能由滑鼠來驅動的事件,可以使用多重的事件驅動機制。如果Script或是Applet等程式物件只能依靠滑鼠來驅動,那身心障礙者將無法驅動這些物件。

所以網頁設計者載設計網頁內容時,需注意下列三點:

  1. 確保需要滑鼠來啟動的事件,都可以使用鍵盤或其他方式來啟動。
  2. 在網頁適當的地方提供快速鍵、選單或按鍵來代替滑鼠的使用。
  3. 不要在網頁上設計需要滑鼠來啟動的事件。

下列不良設計中,滑鼠移動到範例一圖片時會出現圖片的對話框,onmouseover屬性只能依靠滑鼠來驅動對話框的產生,而無其他的方法來驅動對話框,這對於無法使用滑鼠的使用者會產生極大的障礙:

結果如下,當滑鼠移動過去時,網頁跳出對話框內容:

正確範例中,使用onfocus屬性來配合onmouseover屬性,所以正確範例中的對話框除了可以由滑鼠驅動之外,還可以藉由鍵盤的來驅動對話的視窗,再加上tabindex的屬性來設定按下鍵盤中tab鍵的移動順序,如此一來就方便了不能使用滑鼠的使用者:

如果我們無法避免使用滑鼠驅動事件,我們就必須提供多重的驅動事件的方法,在使用滑鼠來驅動事件時,另外提供鍵盤驅動鍵的設定來配合:

當使用… 應配合…
onmousedown onkeydown
onmouseup onkeyup
onclick onkeypress
onmouseover onfocus
onmouseout onblur

 

 

<若網頁物件使用時,確定勿僅使用滑鼠操作,確保有滑鼠以外的操作>下一個步驟

[回首頁]    [回A+等級目錄]