{{ s.name }}
{{ s.sum }}
{{ s.catLabel }}
no roles match "{{ searchQuery }}" — try a plainer word, like "click" or "toggle".
aria roles, in plain human

an aria role just tells a screen reader what kind of thing an element is — a button, a checkbox, a whole navigation menu — so it can describe it correctly, even when it's built from a plain <div>.

the tricky part: your design brain groups things by how they look. aria groups them by what they do. this guide is about that gap.

all roles
{{ browseCount }} shown
{{ compareTitle }}

{{ compareWhy }}

{{ cc.name }}
{{ cc.sum }}
{{ cc.code }}
see full "{{ cc.name }}" page →
loading roles…
menu

roles you star will show up here.

roles you open will show up here.

{{ toast }}