ARIAWhen to use ARIA, and the rule that makes it mostly unnecessary.ComputingARIA adds semantics that HTML cannot express. Prefer the HTML.The rulesUse a native element if one existsDo not change native semanticsEvery interactive control must be keyboard usableNever use aria-hidden on a focusable elementGenuinely usefularia-label — name an unlabelled controlaria-live — announce dynamic updatesaria-expanded — disclosure statearia-current — which item is activeRarely neededrole="button" — use <button>role="list" — use <ul>role="navigation" — use <nav>aria-live="polite" announces after the current speech; "assertive"interrupts. Use assertive only for errors.ARIAlearnposters.com
ARIA — printable computing wall chart from LearnPosters. Free vector PDF, US Letter and A4.

What’s on the ARIA poster

11 entries in 3 groups.

ARIA adds semantics that HTML cannot express. Prefer the HTML.

aria-live="polite" announces after the current speech; "assertive" interrupts. Use assertive only for errors.

Questions about the ARIA poster

What’s on the ARIA poster?
11 entries in 3 groups. ARIA adds semantics that HTML cannot express. Prefer the HTML. The rules: Use a native element if one exists, Do not change native semantics, Every…; Genuinely useful: aria-label — name an unlabelled control, aria-live — announce dynam…; Rarely needed: role="button" — use <button>, role="list" — use <ul>, role="navigation…. aria-live="polite" announces after the current speech; "assertive" interrupts. Use assertive only for errors.
Who is the ARIA poster for?
ARIA belongs to the Computing section rather than to a school year, because computing is not something one grade owns. Anyone learning the web can pin it up — a beginner, a student mid-course, or someone revising years later.
When should you use the ARIA poster?
No ARIA is better than bad ARIA. Wrong roles actively mislead screen readers. A wall chart earns its place by being glanceable from where the work is happening, so ARIA belongs on the wall where that computing work actually happens, within glancing distance, rather than filed away.
What other posters go with ARIA?
Accessibility, How a Browser Renders and Cookies & Storage sit alongside ARIA in the Computing section. Printed together they make a wall rather than a single sheet, which is how a reference set actually gets used.AccessibilityHow a Browser RendersCookies & Storage
Is the ARIA poster free to download and print?
Yes. ARIA downloads as a free PDF with no account, no email and no watermark, like everything else in the Computing section. Print as many copies as you like for a home, a classroom, a library or a tutoring group; reselling the file is the only thing the licence rules out.Read the licence
What size does the ARIA poster print at?
ARIA is a vector PDF laid out for US Letter, and prints on A4 with Fit to page — the same file, no separate download. Because every mark on it is drawn rather than photographed, it stays sharp enlarged to A3, A2 or A1 at a copy shop. Colour carries emphasis only, so a greyscale print of ARIA loses nothing.Printing guide

Related posters

Charts that sit alongside ARIA on the same wall.

Browse every Computing poster, or start from the full catalogue.