Accessibility scanning and colour contrast
The accessibility pass checks your site against the same WCAG guidance that reviewers, procurement teams, and regulators reference.
What gets checked#
The scanner looks at contrast ratios, focus visibility for keyboard users, heading order, semantic structure, alt text coverage on images, and form labelling. Each finding explains what is wrong in plain language and marks whether it is blocking or informational, so you can prioritise the fixes that matter for launch.
Colour contrast, explained#
Contrast is the difference in brightness between text and its background, expressed as a ratio. WCAG AA, the level most organisations aim for, asks for at least 4.5:1 for normal text and 3:1 for large text. Light grey text on a white background often fails; it may look stylish on a designer's screen and be unreadable on a phone in sunlight.
The contrast pass measures every text and background combination on the rendered page, so you do not have to check swatches by hand.
Fixing what the scan finds#
Most contrast failures are fixed by darkening the text colour or lightening the background a step or two. For other findings, the issue links to the exact element on the exact page, and if the project is connected to GitHub you can make the fix on the canvas and ship it as a pull request. Re-scan after each round of fixes to confirm the count is going down.