Can we count your visit?

Our analytics service records the pages you view, so we can see which ones are useful. It saves a random ID in your browser, and we never use it for advertising. Read our privacy policy.

ARIA

A set of HTML attributes that tell assistive technology what a custom control is, what it is called, and what state it is in.

Also called
WAI-ARIA

ARIA, formally WAI-ARIA (Accessible Rich Internet Applications), is a set of attributes developers add to HTML so that custom controls describe themselves to assistive technology. A div styled to look like a tab can be given a role of tab, a name, and a selected state, and a screen reader will announce it correctly. The W3C’s ARIA Authoring Practices Guide shows how to apply these semantics to common patterns such as menus, dialogs, and tabs.

ARIA only changes what is announced, not how a control behaves. The keyboard handling still has to be written. Native HTML elements such as button and select come with both for free, so the usual advice is to use them first and reach for ARIA only when a native element cannot do the job.

Source

ARIA Authoring Practices Guide

W3C Web Accessibility Initiative (WAI). Checked .

Semantic HTML
Using the HTML element that means what the content is, such as a button for a button, so browsers and assistive technology understand it.
Accessible name
The name a control is announced by, taken from its label, its text, or its alt text.
Live region
A part of a page marked so that screen readers announce its changes without the person leaving where they are.
Accessibility tree
The structure a browser builds from a page that screen readers and AI agents read to understand it.

Get help with every step.

We can work with organizations of every size and industry, from a startup serving its first customers to a bank. We find where you stand, help your team fix what matters, and keep checking as your product changes. That work is evidence of your effort, not a legal guarantee.

Talk to us about a first stepSee our services