Demonstration report · fictional website and findings · not a customer assessment
Specialist five-page accessibility diagnostic · final
Evidence.
Impact.
Action.
Executive summary
This fictional five-page review illustrates the structure and depth of a SiteCheck specialist diagnostic. It shows prioritised evidence, user impact and developer-ready remediation. It is not an assessment of a real organisation or website.
Critical1High1Moderate1Low1
Scope and context
ADA Title III · applicability review requiredWebsite/operator country: United States. WCAG 2.2 AA is used as the technical review baseline. Applicability depends on the organisation, service, audience and exemptions.
Official regulatory reference
Pages reviewed
- https://shop.example/
- https://shop.example/products
- https://shop.example/cart
- https://shop.example/checkout
- https://shop.example/contact
Verified findings
criticalF-001 · 1.3.1 · 3.3.2 · 4.1.2
Checkout fields are not programmatically labelled
- Page
- https://shop.example/checkout
- Verification
- Demonstration: rendered DOM, accessibility tree and screen-reader review
Evidence
Demonstration evidence: the email and cardholder inputs expose no associated label or accessible name in the rendered accessibility tree.
User impact
Screen-reader and voice-control users may be unable to identify or target required checkout fields.
Recommended remediation
Associate each visible label with its input using for/id and verify the computed accessible name. Keep instructions visible and connect errors with aria-describedby.
highF-002 · 1.1.1
Product images lack useful alternatives
- Page
- https://shop.example/products
- Verification
- Demonstration: source inspection and screen-reader link list
Evidence
Demonstration evidence: 12 product images use file names as alt text; three linked images have empty alternatives and therefore unnamed links.
User impact
Customers who cannot see the images lose product identity and may encounter links with no meaningful destination.
Recommended remediation
Write concise product-specific alternatives and ensure linked images contribute a meaningful link name. Decorative images should use alt="".
moderateF-003 · 2.4.7 · 2.4.11
Keyboard focus is obscured in the cart drawer
- Page
- https://shop.example/cart
- Verification
- Demonstration: keyboard-only interaction at 100% and 200% zoom
Evidence
Demonstration evidence: focus moves behind the open drawer after the Remove button, and the focused element is fully covered by the overlay.
User impact
Keyboard users can lose their position and operate controls that are not visible.
Recommended remediation
Move focus into the drawer when it opens, keep focus within the active surface, restore focus on close and maintain a visible focus indicator.
lowF-004 · 1.3.1 · 2.4.6
Heading levels skip important structure
- Page
- https://shop.example/
- Verification
- Demonstration: heading outline and screen-reader navigation
Evidence
Demonstration evidence: the page moves from H1 directly to H4 for category sections, while visually subordinate promotional text is marked as H2.
User impact
Screen-reader heading navigation presents an unclear outline and makes category discovery slower.
Recommended remediation
Use headings to reflect document hierarchy rather than visual size, and style them with CSS independently of level.
Method and limitations
Demonstration of the paid workflow: source inspection plus keyboard, focus, zoom/reflow, contrast, form-error and screen-reader verification across five agreed pages. Actual methods and findings depend on the commissioned scope.
This diagnostic identifies technical accessibility barriers. It is not certification, a complete conformance audit or legal advice. Automated results were manually reviewed where stated; untested states may contain additional barriers.