Before and after examples
Use these examples to understand common patterns before you run a checker, write a developer ticket, or prepare a page for qualified human review.
Images and alt text
Alt text examples for business websites. Use these examples to decide whether an image needs useful alt text, empty alt text, or a functional label. The right answer depends on what the image does on the page.
Headings and page structure
Heading structure examples. Headings should describe the page outline. Choose heading levels for structure first, then use CSS for visual size.
Forms and labels
Accessible form label examples. Forms need persistent, programmatically connected labels, clear instructions, and error messages that users can find.
Links and buttons
Accessible link text examples. Good link text tells users where a link goes or what it does, even when links are scanned out of context.
Links and buttons
Accessible button examples. Buttons need clear names, accurate state, and action wording that matches what happens.
Colour contrast
Colour contrast examples. Colour contrast examples help teams catch obvious readability problems, but automated checks are not a complete review of every rendered state.
Accessibility statements
Accessibility statement examples. An accessibility statement should be honest, current, and useful. It should not overclaim legal compliance or promise more than the organization has reviewed.
Reports and handoff examples
Accessibility report examples. A useful first-pass report should explain findings, priorities, and next actions without claiming that an automated scan proves full accessibility.