Search the Academy

Find any lesson, pattern, standard, or reference page by keyword — results filter as you type.

Results

• Accessible names for interactive controls

  Give every button, link, and field a clear accessible name. Keywords: accessible name, aria-label, aria-labelledby, label, alt text, screen reader, voice control.

• Accessible forms

  Label inputs, group fields, and report errors so forms work for everyone. Keywords: forms, inputs, label, fieldset, legend, required, error message, validation, autocomplete.

• Text alternatives for images

  Write alt text for images and mark decorative images correctly. Keywords: images, alt text, alternative text, decorative, figure, figcaption, media, icon.

• Keyboard access & visible focus

  Make everything operable by keyboard with a visible focus indicator. Keywords: keyboard, focus, tab order, focus visible, focus indicator, keyboard trap, skip link.

• Color & contrast

  Meet contrast ratios and never rely on color alone. Keywords: color, contrast, contrast ratio, color blindness, color alone, WCAG 1.4.3, foreground, background.

• Headings, landmarks & semantic structure

  Use real headings, landmarks, and lists to convey structure. Keywords: structure, semantics, headings, h1, landmarks, regions, lists, document outline, sections.

• Accessible data tables

  Build data tables with headers, scope, and captions. Keywords: tables, data tables, table headers, th, scope, caption, row header, column header.

• Links & navigation

  Write descriptive links and consistent, navigable menus. Keywords: links, navigation, link text, descriptive links, breadcrumbs, menus, current page, in-page links.

• ARIA & custom widgets

  Use ARIA roles, states, and keyboard support for custom widgets. Keywords: ARIA, custom widgets, roles, states, properties, tabs, accordion, keyboard interaction.

• Dynamic content & motion

  Announce updates with live regions and respect reduced motion. Keywords: dynamic content, motion, animation, live region, aria-live, status, reduced motion, autoplay.

• Accessible documents & PDF

  Tag PDFs and structure documents for assistive tech. Keywords: PDF, documents, PDF/UA, tagged PDF, reading order, document structure, accessible Word.

• Modal dialog

  An accessible modal dialog with focus trap and Escape to close. Keywords: dialog, modal, popup, focus trap, role dialog, aria-modal, Escape, overlay.

• Tooltip

  A keyboard- and screen-reader-friendly tooltip pattern. Keywords: tooltip, hint, role tooltip, aria-describedby, hover, focus, dismissible.

• Menu button

  A menu button with arrow-key navigation and proper roles. Keywords: menu, menu button, dropdown, role menu, menuitem, arrow keys, aria-expanded.

• Combobox

  An autocomplete combobox with listbox and keyboard support. Keywords: combobox, autocomplete, typeahead, listbox, aria-autocomplete, suggestions, search input.

• WCAG 2.2

  The Web Content Accessibility Guidelines 2.2 and conformance levels. Keywords: WCAG, WCAG 2.2, success criteria, level A, AA, AAA, POUR, W3C guidelines.

• EN 301 549

  The European standard for ICT accessibility. Keywords: EN 301 549, Europe, ICT, harmonised standard, procurement, EU accessibility.

• European Accessibility Act

  The EAA and its requirements for products and services. Keywords: EAA, European Accessibility Act, EU directive, products, services, compliance deadline.

• ADA & ADA Title II

  The Americans with Disabilities Act and Title II web rules. Keywords: ADA, Title II, Americans with Disabilities Act, US, public entities, DOJ, WCAG reference.

• Section 508

  US federal Section 508 accessibility requirements. Keywords: Section 508, US federal, government, procurement, Revised 508, EN 301 549 alignment.

• AODA

  The Accessibility for Ontarians with Disabilities Act. Keywords: AODA, Ontario, Canada, IASR, WCAG 2.0 AA, accessibility standards.

• Israeli Standard 5568

  Israel's web accessibility standard based on WCAG. Keywords: IS 5568, Israel, Israeli standard, 5568, WCAG 2.0, accessibility regulations.

• PDF/UA

  The PDF/UA standard for accessible PDF documents. Keywords: PDF/UA, ISO 14289, tagged PDF, accessible PDF, document accessibility, reading order.

• Standards overview

  Browse all accessibility laws and standards in one place. Keywords: standards, laws, regulations, overview, index, compliance, WCAG, ADA, EAA.

• WCAG 2.2 success criteria

  A reference list of all WCAG 2.2 success criteria. Keywords: WCAG, success criteria, criteria list, 2.4.7, 1.4.3, level A AA AAA, checklist.

• Learn

  Browse all issue-to-fix lessons by topic, standard, and level. Keywords: learn, lessons, topics, catalog, browse, issues, fixes, curriculum.

• Patterns

  Copy-ready accessible UI patterns and widgets. Keywords: patterns, UI patterns, widgets, components, ARIA patterns, examples, copy.

• Components

  Accessible components in every state — buttons, forms, tabs, tables. Keywords: components, buttons, forms, tabs, accordions, tables, callouts, states.

• Foundations & Tokens

  The design tokens behind the system — color, type, spacing, focus. Keywords: foundations, tokens, design tokens, color ramps, typography, spacing, focus, contrast.

• About

  What EqualWeb Academy is and how it is built. Keywords: about, mission, EqualWeb, reference implementation, team, purpose.

• Accessibility glossary

  Definitions of key accessibility terms and jargon. Keywords: glossary, definitions, terms, jargon, vocabulary, ARIA, AT, assistive technology.

• How to test for accessibility

  Manual and automated ways to test accessibility. Keywords: testing, audit, screen reader, keyboard testing, automated tools, axe, manual testing, checklist.

• Accessibility statement

  This site's own accessibility statement and conformance. Keywords: accessibility statement, conformance, compliance, feedback, contact, WCAG conformance.

• Home

  The EqualWeb Academy home page and starting points. Keywords: home, start, overview, index, EqualWeb Academy, learn accessibility by example.

• Captions, transcripts & audio description

  Keywords: captions, transcript, audio description, video, subtitles, media, 1.2.2.

• Accessible SVG & icons

  Keywords: svg, icon, decorative, aria-hidden, title, icon button, 1.1.1.

• Form validation & error recovery

  Keywords: form validation, error message, error suggestion, error prevention, 3.3.1, 3.3.3, 3.3.4.

• Required fields, instructions & input purpose

  Keywords: required, instructions, placeholder, autocomplete, input purpose, 1.3.5, 3.3.2.

• Managing focus in dynamic UIs

  Keywords: focus management, move focus, single page app, route change, return focus, 2.4.3.

• Visible focus & focus appearance

  Keywords: focus visible, focus indicator, outline, focus appearance, not obscured, 2.4.7, 2.4.11.

• Building an accessible colour palette

  Keywords: color palette, contrast, color alone, placeholder, disabled, 1.4.3, 1.4.1.

• Non-text contrast: UI, icons & charts

  Keywords: non-text contrast, ui contrast, icon contrast, chart, focus ring, 1.4.11.

• Landmarks & page regions

  Keywords: landmarks, main, nav, region, aria-label, header footer, 1.3.1, 2.4.1.

• Reading order & meaningful sequence

  Keywords: reading order, meaningful sequence, dom order, tabindex, flex order, 1.3.2.

• Multiple ways & consistent navigation

  Keywords: multiple ways, sitemap, search, consistent navigation, 2.4.5, 3.2.3.

• Link text, context & new windows

  Keywords: link text, click here, read more, new window, link purpose, 2.4.4.

• Complex tables with multi-level headers

  Keywords: complex table, headers id, scope, multi-level header, spanned cells, 1.3.1.

• Responsive & sortable tables

  Keywords: responsive table, sortable, aria-sort, scroll region, stacked, 1.3.1, 1.4.10.

• Accordions & disclosure widgets

  Keywords: accordion, disclosure, aria-expanded, toggle, panel, 4.1.2.

• Toggle buttons & switches

  Keywords: toggle, switch, aria-pressed, role switch, state, 4.1.2.

• Live regions & status messages

  Keywords: live region, aria-live, role status, role alert, announce, 4.1.3.

• Time limits & auto-updating content

  Keywords: time limit, timeout, carousel, auto-refresh, pause, 2.2.1, 2.2.2.

• Accessible Word & Office documents

  Keywords: word, office, document, heading styles, alt text, 1.3.1, pdf/ua.

• Accessible PDF forms & reading order

  Keywords: pdf form, tag tree, reading order, fields, tagged pdf, 1.3.2, pdf/ua.

• Button

  Component. Keywords: button, primary, secondary, ghost, danger, icon button, disabled.

• Form fields

  Component. Keywords: form, input, label, select, textarea, radio, checkbox, error.

• Callout

  Component. Keywords: callout, note, tip, warning, success, danger, admonition.

• Badge

  Component. Keywords: badge, tag, wcag, level, standard, conformance.

• Code block

  Component. Keywords: code, copy, clipboard, snippet, pre.

• Table

  Component. Keywords: table, data table, caption, scope, header, scroll.

• Breadcrumb

  Component. Keywords: breadcrumb, trail, nav, current page.

• Disclosure & accordion

  Component. Keywords: disclosure, accordion, expand, collapse, aria-expanded.

• Tabs

  Component. Keywords: tabs, tablist, tabpanel, roving tabindex, arrow keys.

• Side navigation

  Component. Keywords: side navigation, sidenav, section nav, current page.

• Theme switcher

  Component. Keywords: theme, dark mode, light, high contrast, switcher.

• Do / Don’t compare

  Component. Keywords: do dont, comparison, good bad.

• Issue card

  Component. Keywords: issue card, problem, bad good code, fix steps, teaching.

Search is keyword-based: it matches the words in each page's title and one-line summary below, not the full page text.