Accessibility
The target is WCAG 2.1 AA. This page records what has been done and what has not.
Built in
- Semantic HTML with one
h1per page and headings in order. - A skip-to-content link, visible on focus.
- Keyboard operation throughout: the filters are real checkboxes in a real fieldset with a legend, and the search is a labelled input. Nothing needs a mouse.
- A visible focus ring on every interactive element, in a colour that meets contrast against its background.
- No meaning carried by colour alone. Prefix, root, and suffix are distinguished by shape and a printed word as well as hue, in the browser and on paper.
- Result counts announced with
aria-livewhen filtering changes them. - Touch targets at least 38 pixels tall.
- Text reflows to a single column on narrow screens; no horizontal scrolling at common widths.
prefers-reduced-motionis respected.- Meaningful images carry alt text; decorative shapes are drawn in CSS and are not announced.
On paper
- Every activity has a black-and-white edition designed for grayscale printing, not merely a colour sheet with the ink removed.
- Body text on handouts is 12.5pt or larger, with writing lines about a third of an inch tall.
- No large dark fills or heavy gray backgrounds, which degrade badly on a photocopier.
Known limitations
- Screen-reader testing has been done with keyboard navigation and semantic review, not yet with a full pass in JAWS, NVDA, and VoiceOver.
- The site is English-first. The architecture keeps content in JSON so translations can be added, but no translated edition exists yet.
- Handouts are printable HTML rather than tagged PDFs.
Tell us what breaks
If something here is unusable with your assistive technology, that is a defect worth fixing. Report it through the About page for the Learning Activities Hub.