In most cases, for the greatest clarity, use
<button> elements for clickable areas.
- Avoid using
<img> tags to create buttons. Screen readers generally won’t know that either is a usable button.
- If you must use a different HTML element to do the same functionality as a button, use the aria
role='button' to let screen readers know the area is clickable.
- You can also use an input for a button (especially used in forms) as long as it has a
#without this role, a screenreader will not tell the user that the div can be clicked on
<input type='button'> Click me </input>
Tools & Resources