ARIA is an amazing technology, it allows developers to add meaning to meaningless HTML or override meaning on HTML that is being repurposed and sometimes misused, so that users who rely upon the meaning of HTML, as implemented in browsers, can understand and interact with HTML User Interfaces successfully.
ARIA allows developers to re-invent and extend native HTML features in meaningful ways. But like all bolt-on technologies its features are brittle compared to its built-in counterparts.
By using native HTML features, wherever practical, over custom HTML with bolt-on semantics and interaction behaviours, you will save yourselves and users a lot of grief and ensure that your User Interfaces work robustly across the largest number of devices, operating systems, input devices, browsers and assistive technologies.
Whenever you are considering:
role=buttonconsider using a
<button>element, or the various other native HTML button types, instead.
role=link,consider using an
<a href>element instead.
- Using a disclosure widget custom control, consider using the
role=option, consider using
role=radio, consider using
<input type="radio">elements instead.
role=textbox, consider using an
- and so on…
One reply on “HTML Developers: Please Consider – in the year of 2021”
I agree Steve, most of the web which is there today can be just built using native HTML but a lot of it was complicated by using frameworks & developers who were not exposed to accessibility or how to code the right way using standards… I just wish going forward developers & designers get the necessary education & consider accessibility from start.