Accessibility
What works, what was tested, what is still imperfect
The site is static HTML with one stylesheet and a small script that only adds behaviour. That keeps most accessibility problems out by construction. The rest are listed honestly.
Built in
Standards applied on every page
- One H1 per page, ordered heading levelsStructure carries meaning, so a screen-reader outline matches the visual one.
- Descriptive alt text on product imagesImages name the item and state that the photo is catalogue imagery.
- Skip link, landmarks, labelled regionsHeader, navigation, main and footer are all identifiable regions.
- Visible keyboard focusA high-contrast focus ring on every interactive element.
- prefers-reduced-motion respectedTransitions and pulses stop when the system asks for calm.
- Content present without JavaScriptTables and checklists are printed in the HTML, never generated by a script.
Tested
How this page earns its claims
| Check | Method | Result |
|---|---|---|
| Colour contrast | Text tokens measured against their backgrounds | Meets AA for body and heading text |
| Keyboard-only traversal | Tab order through nav, drawer, tools and tables | Passes; the drawer returns focus to its trigger |
| Zoom to 400% | Reflow tested at 1280 and 390 widths | No horizontal page scrolling |
| Heading hierarchy | Automated outline scan across all pages | One H1 per page, no skipped levels |
| Alternative text | Automated scan for missing or empty alt attributes | Covered on all product and hero images |
Known gaps
Two things we have not finished
Spanish pages are machine-assisted
They are reviewed for meaning but not yet by a native editing professional.
Partner image names are not ours to choose
Product titles come from the partner catalogue, so a few alternative texts are longer than good writing would be.