Technique H36:Using alt attributes on images used as submit buttons

Description

For input elements of type image, the alt attribute of the input element is used to provide a functional label. This label indicates the button's function, but does not attempt to describe the image. The label is especially important if there are multiple submit buttons on the page that each lead to different results.

Examples

<form action="/find" method="post" role="search">
  <label for="look-up">Find books<label>
  <input id="look-up" type="text">
  <input alt="Search" src="button.gif" type="image">
</form>

Related Resources

No endorsement implied.

• HTML - Image Button state (type=image).

Related Techniques

• G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content

Tests