Skip to content

Hold the site to the accessibility rules the design system already states #37

Description

@iderex

The design system the site publishes makes specific accessibility commitments. No
state depends on hue alone. Focus is visible and carries a ring of a stated
width. Motion respects a reduced-motion preference. Colour-vision presets are
offered rather than a single accessible colour, on the argument that the useful
hue depends on which cone type is missing.

The site itself is the first thing anyone reads those commitments on, and it
currently gets some of them right by hand. Hand-correct is not the same as
checked, and the site is the worst place for the design system to be wrong,
because it is the document making the promise.

What is worth checking here rather than asserting: contrast ratios for the text
and background pairs in every theme and preset combination the page offers,
focus visibility on every interactive element, and that the interactive elements
are reachable and operable from the keyboard alone.

The combinations multiply, which is the argument for a check rather than a
review pass. Two brightness modes times five colour-vision presets is ten
palettes, and nobody re-reads ten palettes after a colour tweak.

Done when

A named leg checks contrast for every theme and preset combination the page
offers and reds below the stated threshold, keyboard operation of every
interactive element is covered by a test that runs headless, and a deliberately
lowered contrast value reds the check. Machine-decidable.

Metadata

Metadata

Assignees

Labels

blocked-on-leadWartet auf eine Entscheidung des LeadsenhancementNew feature or request

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions