Findings
| Before | After | |
|---|---|---|
| Verdict | Needs attention | Review recommended |
| Findings | 3 (1 high, 2 medium, 0 low) | 2 (0 high, 1 medium, 1 low) |
| Check id | 9dc64c3d-b38d-463c-bae4-ee0f2994e33b | 72264166-0919-4893-a61e-6a0615469e73 |
| Provider | approved-vision | approved-vision |
Before
- high: Mobile navigation hides primary links
- medium: Service card cut off at viewport edge
- medium: Text contrast is too low against its background
After
- medium: Redundant Call-to-Action buttons in mobile view
- low: Text contrast is too low against its background
Counts are the real results from the checks. The check is automated and can report new, smaller issues on a changed page, so the count alone does not tell the whole story.
Desktop (1440 wide)
Mobile (390 wide)
What changed
- One h1 for the hero heading, with the headings below it in order (h2, then h3, then h4).
- Named landmarks: header, main, footer, and labelled navs for main, footer, social and legal links.
- Mobile: the main links stay visible in the header, wrapped to fit, instead of being hidden or cut off.
- Service cards fit inside the viewport on mobile (no card cut off at the edge).
- Darker text where contrast was low. Colours and logo are the same.
- Labels on the calculator sliders, and an accessible name on the logo link.
- A skip link to the main content.