The accessibility check I run before handoff

01The five checks

1. Contrast: every text and background pair reaches 4.5:1; large text and icons at least 3:1.
2. Colour blindness: simulate protan, deutan and tritan views; status never relies on colour alone.
3. Type: at least 13px for labels and 15px+ for body copy, with comfortable line height.
4. Targets: tap areas around 44px, and focus states designed, not left to the browser.
5. Language: plain words, no jargon; every alert states the number and the action.

02A real catch

In Filis, the success, warning and error colours used for text all pass at about 7:1, but under colour-blind simulation success and error looked almost the same. The fix: every status also has its own icon and shape, so colour is never the only signal.

03This website too

This portfolio is checked the same way: every page is audited with axe-core in all six colour themes, and the build stops if any theme colour pair drops below WCAG AA contrast.