Web accessibility service pageWeb accessibility service page

6.5:H206104 For scripts and applets, ensure that event handlers are input device-independent.

Improper design

If there are Script or Applet program in the website, we need to ensure that these programs can be activated not only by mouse, but other methods as well, because physical and mental disabled users could have other methods. If programs like Script or Applet can only be activated by mouse, then disabled users will not be able to use them.

The improper design below, when the mouse move to the image in example 1, it will appear the dialogue window of the come about of the car make Boxster, in other words, one can only use the mouse to make the dialogue window appear, and no other methods can do so, this is inconvenient for those who cannot use mouse.

Improper design:

<IMG onmouseover="alert('the come about of the car make Boxster......')" src="boxster01.jpg">
<IMG onmouseover="alert('introducing other styles of Boxster¡GBoxster , BoxsterS ......')" src="boxster02.jpg">
            

Proper demonstration

In the proper example, use onfocus character to support onmouseover character, so in the dialogue box, one can use both the mouth and the keyboard to control dialogue window.

Proper example:

<IMG onmouseover="alert(' the come about of the car make Boxster......')" 
     onfocus="alert(' the come about of the car make Boxster....')" 
     tabindex="2" src="boxster01.jpg">
<IMG onmouseover="alert(' introducing other styles of Boxster¡GBoxster , BoxsterS......')" 
     onfocus="alert(' introducing other styles of Boxster¡GBoxster , BoxsterS......')"
     tabindex="3" src="boxster02.jpg">
End of Main Content