Automated accessibility scan
| Source | Critical | Serious | Moderate | Minor | Total |
|---|---|---|---|---|---|
| axe-core rules | 11 | 28 | 0 | 0 | 39 |
| Keyboard & layout checks | 0 | 20 | 4 | 0 | 24 |
| Total | 11 | 48 | 4 | 0 | 63 |
Ranked by impact level × number of affected elements. Red boxes in screenshots were added by the scanner to mark the element.
Critical WCAG 1.1.1 Non-text Content (A) · 9 elements · 3 of 3 pages
What it means: Screen-reader users hear nothing, or only a file name, for these images, so any product or promotional information they carry is lost.
Typical fix: Add descriptive alt text in the Shopify admin or theme Liquid, or alt="" for purely decorative images.
Example element: .card:nth-child(1) > a[href$="linen-napkin-set/"] > img on the home page. Likely source: theme code.
Serious WCAG 2.4.7 Focus Visible (AA) · 20 elements · 3 of 3 pages
What it means: Keyboard users cannot see which link or button is currently selected, so they lose their place while tabbing through the page.
Typical fix: Add a clear :focus-visible style (for example a 2px outline in a contrasting color) rather than removing the browser outline.
Example element: header > a.logo on the home page. Likely source: theme code.
Serious WCAG 1.4.3 Contrast (Minimum) (AA) · 17 elements · 3 of 3 pages
What it means: People with low vision or color-vision deficiencies, and anyone reading on a phone in bright light, may be unable to read this text. Example measured contrast: 1.88:1 (required 4.5:1).
Typical fix: Adjust the text or background color in the theme settings or CSS so normal text reaches at least 4.5:1 (3:1 for large text).
Example element: .bar on the home page. Likely source: theme code.
Serious WCAG 2.4.4 Link Purpose (In Context) (A); 4.1.2 Name, Role, Value (A) · 10 elements · 3 of 3 pages
What it means: Screen readers announce these only as "link", so users cannot tell where they lead; this usually affects icon-only or image-only links.
Typical fix: Give each link visible text, visually hidden text, or an aria-label that describes its destination.
Example element: a[href$="search"] on the home page. Likely source: theme code.
Moderate WCAG 1.4.10 Reflow (AA) · 3 elements · 3 of 3 pages
What it means: People who zoom to 400% (equivalent to a 320px-wide screen) must scroll sideways to read content, which makes reading difficult. Example: the page is 142px wider than a 320px screen.
Typical fix: Constrain the wide element in the theme CSS (max-width:100%, flexible images and tables, text wrapping).
Example element: header > nav on the home page. Likely source: theme code.
| Page | Path | axe-core issues | Focus stops checked | H1 headings | Skip link | Sideways scroll at 320px | Notes |
|---|---|---|---|---|---|---|---|
| Home | / | 20 | 16 | 0 | Not found | Yes (142px) | — |
| Collection | /collections/all/ | 31 | 19 | 0 | Not found | Yes (142px) | — |
| Product | /products/linen-napkin-set/ | 13 | 14 | 0 | Not found | Yes (142px) | — |
| Cart | /cart | – | – | – | – | – | Not scanned (http-error 404) |
Each page was loaded once as an anonymous visitor (1280×900 desktop view; reflow checked at 320px). Checks: axe-core 4.13.0 rules for WCAG 2.0/2.1/2.2 Level A and AA; a keyboard Tab pass of up to 80 stops per page comparing screenshots of each element with and without focus; focus on hidden or covered elements; keyboard traps; skip link and heading checks; overlay-widget detection. Pop-ups were closed and cookie banners declined where possible. Results can vary with pop-ups, location, A/B tests and third-party apps. axe-core listed 3 further items for manual review; they are not counted.