Accessibility checks on the example shop
Two copies of a small shop were checked against WCAG 2.1 AA success criteria: the broken shop, which carries ten planted violations, and the fixed shop, which carries none. The scan is axe-core, run on every page and on the open dialog. The keyboard checks press Tab, Shift+Tab, Enter, Space and Escape and read where focus goes and how it is drawn. What neither can decide is on the manual checklist.
Built from the run of at commit 14f3cb1:
45 findings on the broken shop, 0 on the fixed shop.
What was found
| Findings | Broken shop | Fixed shop |
|---|---|---|
| Scan, critical | 8 | 0 |
| Scan, serious | 7 | 0 |
| Scan, moderate | 0 | 0 |
| Scan, minor | 0 | 0 |
| Keyboard, stops on the way to an order with the keyboard alone (2.1.1) | 1 | 0 |
| Keyboard, forms whose fields Tab reaches out of their order (2.4.3) | 1 | 0 |
| Keyboard, Tab stops with no visible focus (2.4.7) | 26 | 0 |
| Keyboard, dialogs Escape does not close, or closes without returning focus (2.1.2) | 1 | 0 |
| Keyboard, dialogs focus cannot leave (2.1.2) | 1 | 0 |
The ten planted violations
| Criterion | What is wrong in the broken shop | Found by |
|---|---|---|
| 1.1.1 | Product images on the list have no text alternative | axe-core scan |
| 1.3.1, 4.1.2 | The email field has no label, only words above it | axe-core scan |
| 1.4.3 | The product page's price is light grey on white, 1.87:1 | axe-core scan |
| 2.1.1 | "Add to cart" on the product list works only with a mouse | keyboard checks |
| 2.1.2 | The "Added to cart" dialog cannot be left with the keyboard | keyboard checks |
| 2.4.3 | Tab reaches three checkout fields first, out of their visual order | keyboard checks |
| 2.4.7 | Links and buttons show no focus indicator | keyboard checks |
| 3.1.1 | Pages do not say what language they are in | axe-core scan |
| 3.3.1 | Checkout errors are shown only as a red border | manual checklist |
| 4.1.2 | The cart's remove control has no role and no name | manual checklist |
The full report
Allure report of this run: every scan and every keyboard check on both shops, page by page, with its findings attached.