Break It, Build ItScience Word Parts

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 h1 per 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-live when 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-motion is 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.