ARIA Cheatsheet
NewAccessibility reference — ARIA roles, states, properties, and common accessible patterns.
Frequently Asked Questions
Does this include keyboard patterns for widgets like tabs or dialogs, or only a list of roles?
It includes more than role names. The categories cover Widget Roles, Common Patterns, and Keyboard Interaction Patterns, so it is aimed at the real 'how should this behave?' questions too.
Can I separate landmark roles from interactive widget roles quickly?
Yes. Landmark Roles and Widget Roles are separate tabs, which makes it much easier to answer 'is this page structure or component behavior?' before you copy anything.
Will this check whether my page is actually accessible?
No. This tool does not audit your DOM, run screen-reader checks, or validate focus management; it only gives you searchable ARIA reference cards.
Does it distinguish ARIA states from ARIA properties?
Yes. States and Properties are split into separate categories, which is useful when you are trying to remember whether something like expanded/selected is dynamic state versus supporting metadata.
Can I copy a role or attribute pattern directly from the page?
Yes. Like the other cheatsheets, each card offers Copy syntax and Copy example, so you can grab either the generic pattern or the illustrative snippet.