如果網頁上有Script或是Applet等程式物件時,我們必須確保這些物件除了滑鼠之外,還有其他的驅動方式,因為身心障礙者可能使用滑鼠之外的輸入設備,像是點字機、頭仗(head wands)以及麥克風等。 所以網頁中使用事件驅動時,勿設計只能由滑鼠來驅動的事件,可以使用多重的事件驅動機制。如果Script或是Applet等程式物件只能依靠滑鼠來驅動,那身心障礙者將無法驅動這些物件。
所以網頁設計者載設計網頁內容時,需注意下列三點:
下列不良設計中,滑鼠移動到範例一圖片時會出現圖片的對話框,onmouseover屬性只能依靠滑鼠來驅動對話框的產生,而無其他的方法來驅動對話框,這對於無法使用滑鼠的使用者會產生極大的障礙:
結果如下,當滑鼠移動過去時,網頁跳出對話框內容:
正確範例中,使用onfocus屬性來配合onmouseover屬性,所以正確範例中的對話框除了可以由滑鼠驅動之外,還可以藉由鍵盤的來驅動對話的視窗,再加上tabindex的屬性來設定按下鍵盤中tab鍵的移動順序,如此一來就方便了不能使用滑鼠的使用者:
如果我們無法避免使用滑鼠驅動事件,我們就必須提供多重的驅動事件的方法,在使用滑鼠來驅動事件時,另外提供鍵盤驅動鍵的設定來配合:
當使用… | 應配合… |
onmousedown | onkeydown |
onmouseup | onkeyup |
onclick | onkeypress |
onmouseover | onfocus |
onmouseout | onblur |
<若網頁物件使用時,確定勿僅使用滑鼠操作,確保有滑鼠以外的操作>下一個步驟