Digital products
Accessibility
WCAG 2.2 AA, contrast, keyboard, focus, text and mobile scenarios.
Ready masters and operational forms
Loading masters…
Target and validation scope
The target is WCAG 2.2 AA. A passing color pair or automated test alone does not establish site-wide conformance: scenario testing and manual assessment are required.
Convey meaning through text and structure, not color alone. Action icons have accessible names; inputs have labels and clear error messages.
Interface checklist
Check keyboard access, Tab order, visible focus, Escape and focus return from dialogs. Fixed panels must not cover focused elements.
Check contrast in both themes, 200% text enlargement, 320 px layouts, long translations, touch targets of at least 44 px and prefers-reduced-motion.
For SkiMobile, also check mobile readability in bright light and real Android/iOS behavior before publication.
Personal readability
Check standard and high contrast across themes and accents. Red retains its error and critical role when the scheme changes. Text, checkmarks and icons distinguish states; color provides an additional cue.
Verify 125% and 150% sizes at 320 px and wide viewports. Less and system reduced motion disable animation. The website’s expressive mode never overrides the system preference.
Recording evidence
Use axe scans in Playwright, manual checks and an issue log recording date, scenario, device, expected behavior, result and correction.
The requirement source is W3C WCAG 2.2. Resolve critical findings before approving a component or template.
Measurable requirements
| Area | Requirement | Check |
|---|---|---|
| Contrast | Normal text ≥ 4.5:1; large text ≥ 3:1; necessary boundaries and states ≥ 3:1. | Both themes, standard/high contrast and five accents. |
| Reading | 200% text; reflow at 320 CSS px; 1.5 line height, 2em paragraph, 0.12em letter and 0.16em word spacing. | Text, price, controls and errors remain visible. |
| Controls | SkiMobile standard is at least 44 × 44 CSS px; panels do not obscure focus. | Keyboard, Tab/Shift+Tab, Enter/Space, Escape and focus return. |
| Motion | System reduced motion takes priority; loops have pause. | Navigation and reading work without motion; sound is enabled manually. |
Manual verification scenario
- Use only the keyboard: skip to content, menu, form, dialog and primary link. Check accessible names and focus order.
- Check headings and screen-reader reading; decorative images do not repeat copy and meaningful images have descriptions. Field errors are associated and announced without losing input.
- Check enlargement, both themes, reduced motion, a cached page offline and a phone in bright light. Record device, scenario, result and correction in the check form; never mark an unperformed test as passed.
Guideline source: W3C · WCAG 2.2