Accessibility

A website about accessibility must demonstrate it.

Accessibility shapes both the assistive system and this website. The interface uses semantic structure, keyboard-operable controls, strong focus states, readable typography, reduced-motion alternatives, and text explanations for every animated demonstration.

01

Perceivable

Warm paper and deep ink provide strong contrast without depending on color alone. Animated diagrams include visible labels and equivalent explanatory text.

  • Atkinson Hyperlegible for body copy
  • No automatic audio
  • Meaning is repeated in text
  • Optional increased-contrast mode
02

Operable

Navigation, stage controls, architecture nodes, the technical drawer, mobile menu, and display settings are keyboard accessible. Focus returns to the triggering control after dialogs close.

  • Skip link
  • Visible focus ring
  • Minimum practical target sizes
  • No keyboard traps
03

Understandable

Copy names real inputs, outputs, methods, and failure cases. Motion explains state changes but never hides essential information.

04

Adjustable

The display control offers increased contrast, larger body text, and reduced motion. Preferences are saved locally and respect operating-system motion settings.

05

Known limits

WCAG conformance is a continuing verification process. Automated checks, keyboard testing, zoom testing, and assistive-technology review should accompany future content changes.