Accessibility work depends on getting the details right, and ARIA is one of the easiest places to make a well-intentioned mistake. A searchable reference helps you confirm the correct role, state, or property before shipping a component.
What Is the ARIA Cheatsheet?
ARIA Cheatsheet is one of the tools in WebdevToolbox’s References category. Accessibility reference — ARIA roles, states, properties, and common accessible patterns. It’s searchable, organized into categories and tabs, and runs entirely client-side with no ads or page reloads.
How to Use It
- Open the tool at /tools/aria-cheatsheet.
- Use the search box to filter entries by keyword, or click a category tab to browse a specific topic.
- Click the copy icon on any entry to copy that command or snippet to your clipboard.
- Bookmark the page for quick access next time you need a refresher.
Key Features
- Fast keyword search — filter the reference instantly as you type.
- Organized browsing — jump between categories or tabs instead of scrolling through a long document.
- One-click copy — copy commands, syntax, or snippets directly to your clipboard.
- Accessibility-focused entries — covers ARIA roles, states, properties, and common widget patterns developers implement by hand.
- Comprehensive and friction-free — includes a broad set of entries and runs with no login, ads, or page reloads.
When to Use the ARIA Cheatsheet
- Custom component audits — verify the right ARIA roles and states for dialogs, tabs, menus, or disclosures.
- Accessibility reviews — check labeling and relationship attributes while testing a form or widget.
- Team education — use it as a quick reference when teaching accessible front-end patterns.
Try It Now
Browse ARIA Cheatsheet whenever you need a quick refresher without leaving your workflow.
Part of the References collection on WebdevToolbox — free, browser-based developer tools with no login required.