30. Image button has no description


Button description incorrect example

Description: An image button (‘input’ element) is missing an alternative text.

Context: When using different elements as buttons outside of the native ‘button’ element, the element should be clearly marked as button so users may interact with it properly.

<input type="image" src="/images/search-off.gif">

How to fix it: Provide an alternative text stating the purpose of the button (for example ‘Search’).

<input type="image" src="/images/search-off.gif" alt="Submit Search">

Techniques: F65H36H91