Accessibility with Jenn

Second rule of ARIA

Published on

Yesterday we learned the first rule of ARIA, today is the second rule of ARIA.


It is kinda repetitive with yesterday’s rule. The actual rule is “Don’t change native semantics, unless you have to.”

This means don’t do things like break a header to make it a button.

<!-- BAD! DO NOT DO THIS -->
<h2 role="button">Click me!</h2>

This breaks the heading and makes it no longer semantic. Also this new header button is not reachable by the keyboard.