Button Role

Previous Banner role

Button role is used when the element is designed to look like a button but is coded as a link. Sometimes an image will be used in place of button. Adding some scripting for that image will help the mouse users but the screen reader users will not be able to understand that it is a button. For various reasons on Web Pages we find the functionalities such as Continue, Next, Confirm, Cancel etc and are coded as links. As per the semantics these elements must be coded as buttons but not links. To ensure that the element is read as button by the screen readers role=”button” can be used.


<a href=”continue.html” role=”button”>Continue</a>

Next Checkbox role