Web accessibility service pageWeb accessibility service page

1.6:H101105 If the submit button is used as an image map, use separate buttons for each active region.

Improper design

The example below is the image map consisted of ¡§submit¡¨ and ¡§clear¡¨ functional keys; this design may cause confusion for the users.

Improper design:

  <FORM>
  <INPUT type="text" name="keyword1" value="enter keyword or text">
  <INPUT name="Submit" type="image" src="images/botton1_2.gif" 
  alt="submit and clear" usemap="#map">
  </FORM>
  <MAP name="map">
  <AREA shape="rect" coords="4,4,54,21" href="#submit" alt="submit" title="submit">
  <AREA shape="rect" coords="66,3,137,22" href="#clear" alt="clear" title="clear">
  </MAP>
          

Proper demonstration

The example below torn apart the two functional keys in the image map, thus provided individual ¡§submit¡¨ and ¡§clear¡¨ image buttons as well as replacement text explanation.

Proper example:

  <FORM>
  <INPUT type="text" name="keyword2" value="enter keyword or text">
  <INPUT name="Submit" type="image" src="botton1.gif" alt="submit">
  <INPUT name="Clear" type="image" src="botton2.gif" alt="clear">
  </FORM>
          
End of Main Content