Partial automated accessibility audit – outils.vread.fr/declaration-accessibilite/demo/boutique-demo
This report presents the results of an automated analysis (axe-core) of the listed pages on the stated date. Automated tests only find part of accessibility issues: this report is not a conformance audit (RGAA, WCAG or EN 301 549) or a certificate, and it gives no conformance rate. It is not legal advice.
Scope
- Date of analysis : 2026-10-12
- Boutique Démo (fictive)
- Engine : axe-core 4.13.0 (WCAG 2.0/2.1/2.2 A, AA)
- Screen sizes: desktop 1,280 × 900 px, mobile 390 × 844 px.
Pages analysed
| URL | Viewport | HTTP status | Horizontal scrolling at this size |
|---|---|---|---|
| https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ | desktop | 200 | no |
| https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ | mobile | 200 | no |
Summary of automatically detected issues
| Issue | Severity | WCAG | RGAA | Pages | Elements |
|---|---|---|---|---|---|
Images must have alternative text image-alt | critical | 1.1.1 | 1.1 | 2 | 4 |
Buttons must have discernible text button-name | critical | 4.1.2 | 11.9 | 2 | 2 |
Form elements must have labels label | critical | 4.1.2 | 11.1 | 2 | 2 |
Select element must have an accessible name select-name | critical | 4.1.2 | 11.1 | 2 | 2 |
Elements must meet minimum color contrast ratio thresholds color-contrast | serious | 1.4.3 | 3.2 | 2 | 14 |
Links must have discernible text link-name | serious | 2.4.4, 4.1.2 | 6.2 | 2 | 4 |
<html> element must have a lang attribute html-has-lang | serious | 3.1.1 | 8.3 | 2 | 2 |
Needs manual review (the tool could not decide)
No issue detected automatically.
Details per issue
Images must have alternative text
Ensure <img> elements have alternative text or a role of none or presentation
Severity : critical · WCAG 1.1.1 · RGAA 1.1 · image-alt
Affected elements (excerpt)
header > img– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='40'%3E%3Crect width='120' height='40' fill='%23333'/%3E%3C/svg%3E">div:nth-child(1) > img– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='100'%3E%3Crect width='150' height='100' fill='%23ccc'/%3E%3C/svg%3E">
Pages (2)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (desktop)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (mobile)
Buttons must have discernible text
Ensure buttons have discernible text
Severity : critical · WCAG 4.1.2 · RGAA 11.9 · button-name
Affected elements (excerpt)
header > button– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<button></button>
Pages (2)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (desktop)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (mobile)
Form elements must have labels
Ensure every form element has a label
Severity : critical · WCAG 4.1.2 · RGAA 11.1 · label
Affected elements (excerpt)
#cgu– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<input type="checkbox" id="cgu">
Pages (2)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (desktop)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (mobile)
Select element must have an accessible name
Ensure select element has an accessible name
Severity : critical · WCAG 4.1.2 · RGAA 11.1 · select-name
Affected elements (excerpt)
select– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<select><option>France</option><option>Belgique</option></select>
Pages (2)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (desktop)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (mobile)
Elements must meet minimum color contrast ratio thresholds
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
Severity : serious · WCAG 1.4.3 · RGAA 3.2 · color-contrast
Affected elements (excerpt)
.promo– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<p class="promo">-20 % sur toute la boutique jusqu’à dimanche</p>div:nth-child(1) > .price– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<p class="price">18,00 €</p>div:nth-child(1) > .btn– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<button class="btn">Ajouter</button>div:nth-child(2) > .price– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<p class="price">22,00 €</p>div:nth-child(2) > .btn– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<button class="btn">Ajouter</button>button[type="submit"]– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<button class="btn" type="submit">OK</button>footer– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<footer>© Boutique Démo – exemple fictif</footer>
Pages (2)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (desktop)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (mobile)
Links must have discernible text
Ensure links have discernible text
Severity : serious · WCAG 2.4.4, 4.1.2 · RGAA 6.2 · link-name
Affected elements (excerpt)
a[href$="#panier"]– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<a href="#panier"><svg width="24" height="24"><circle cx="12" cy="12" r="10"></circle></svg></a>a[href="#"]:nth-child(2)– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<a href="#"></a>
Pages (2)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (desktop)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (mobile)
<html> element must have a lang attribute
Ensure every HTML document has a lang attribute
Severity : serious · WCAG 3.1.1 · RGAA 8.3 · html-has-lang
Affected elements (excerpt)
html– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<html>
Pages (2)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (desktop)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (mobile)
Checks automation cannot do
Do these by hand on the same pages (kit self-check checklist):
- Everything works with a keyboard – Put the mouse away. Using Tab, Shift+Tab, Enter, Space and arrow keys, go through the menu, search, a product page, the cart and checkout. You must never get stuck. (WCAG 2.1.1, 2.1.2; RGAA 4.11, 4.12, 7.3, 10.14, 12.9, 12.11)
- Focus is visible – While tabbing, you can always see where you are (outline, underline…), including on buttons and fields. (WCAG 2.4.7; RGAA 7.3, 10.7)
- Tab order makes sense – Focus follows the reading order and does not jump around; a modal dialog keeps focus and returns it when closed. (WCAG 2.4.3; RGAA 10.3, 12.7, 12.8, 13.3, 13.4)
- There is a skip link – On the first Tab press a “Skip to content” link appears and works. (WCAG 2.4.1; RGAA 9.1, 12.6, 12.7, 13.3, 13.4)
- Meaningful images have a text alternative – Product photos, logos and icon buttons have a relevant text alternative; decorative images have alt="" (the mini-check below can help). (WCAG 1.1.1; RGAA 1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7, 1.9, 4.7, 4.8, 4.9, 6.1, 6.2, 7.2, 10.2, 13.3, 13.4, 13.5, 13.6)
- Contrast is sufficient – Text: at least 4.5:1 (3:1 for large text). Field borders and meaningful icons: at least 3:1. Check prices, buttons, grey notes and banners. (WCAG 1.4.3, 1.4.11; RGAA 3.2, 3.3, 10.5)
- Colour is not the only cue – Errors, links in text, unavailable sizes or steps are not shown by colour alone. (WCAG 1.4.1; RGAA 3.1, 10.6, 10.7, 10.9, 10.10)
- Zoom to 200% and 320 px width – Zoom to 200%, then shrink the window to 320 px wide: everything stays readable and usable, without horizontal scrolling. (WCAG 1.4.4, 1.4.10; RGAA 10.4, 10.11)
- Headings structure the page – Each page has one main heading (h1) and nested sub-headings that describe the sections. (WCAG 1.3.1, 2.4.6; RGAA 3.1, 5.1, 5.2, 5.4, 5.5, 5.6, 5.7, 5.8, 7.3, 8.9, 9.1, 9.2, 9.3, 9.4, 10.1, 10.2, 11.1, 11.2, 11.5, 11.6, 11.7, 11.8, 12.6, 13.3, 13.4)
- Each page has a unique title – The browser tab shows a title that tells pages apart (e.g. “Cart – My Shop”). (WCAG 2.4.2; RGAA 8.5, 8.6)
- The language is declared – The html element has the correct lang attribute (e.g. lang="en"). (WCAG 3.1.1; RGAA 8.3, 8.4, 13.3, 13.4)
- Links are descriptive – No bare “click here” or “read more”: the link text or its context says where it goes. (WCAG 2.4.4; RGAA 6.1, 6.2)
- Every field has a label – Fields (search, address, card, newsletter) have a visible label tied to the field, not just placeholder text. (WCAG 1.3.1, 3.3.2, 4.1.2; RGAA 1.2, 1.3, 1.9, 2.1, 2.2, 3.1, 4.13, 5.1, 5.2, 5.3, 5.4, 5.5, 5.6, 5.7, 5.8, 7.1, 7.2, 7.3, 8.2, 8.9, 9.1, 9.2, 9.3, 9.4, 10.1, 10.2, 10.8, 11.1, 11.2, 11.4, 11.5, 11.6, 11.7, 11.8, 11.9, 11.10, 12.6, 13.3, 13.4)
- Errors are explained – Submit an empty form: the error is described in text, near the field, with a suggestion to fix it. (WCAG 3.3.1, 3.3.3; RGAA 11.10, 11.11)
- Status messages are announced – “Added to cart”, “3 results”: with a screen reader (NVDA, VoiceOver) the message is read without moving focus. (WCAG 4.1.3; RGAA 7.5)
- Videos have captions – Videos with speech have synchronised captions; important visual information is described. (WCAG 1.2.2, 1.2.5; RGAA 4.3, 4.4, 4.5, 4.6)
- Motion can be paused – Carousels and scrolling banners have a pause button and do not move for more than 5 seconds without a control. (WCAG 2.2.2; RGAA 13.1, 13.8)
- No blocking time limits – If a session or cart expires, the user is warned and can extend the time. (WCAG 2.2.1; RGAA 13.1, 13.8)
- Login, CAPTCHA and payment are accessible – A CAPTCHA has an alternative (audio or other); sign-up, login and payment (including 3-D Secure) work with a keyboard and a screen reader. (WCAG 1.1.1, 3.3.2; RGAA 1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7, 1.9, 4.7, 4.8, 4.9, 6.1, 6.2, 7.2, 10.2, 11.1, 11.2, 11.4, 11.5, 11.6, 11.7, 11.10, 13.3, 13.4, 13.5, 13.6)
- Downloadable documents are accessible – Terms, invoices, manuals as PDF: selectable text, tagged headings, or an equivalent HTML version. (WCAG 1.1.1, 1.3.1; RGAA 1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7, 1.9, 3.1, 4.7, 4.8, 4.9, 5.1, 5.2, 5.4, 5.5, 5.6, 5.7, 5.8, 6.1, 6.2, 7.2, 7.3, 8.9, 9.1, 9.2, 9.3, 9.4, 10.1, 10.2, 11.1, 11.5, 11.6, 11.7, 11.8, 12.6, 13.3, 13.4, 13.5, 13.6)
Suggested next steps
- Fix “critical” and “serious” issues on the purchase path first.
- Do the manual checks above, ideally with a screen reader.
- Complete and validate the attached drafts (statement and action plan).
- Commission a full audit (WCAG/EN 301 549) before claiming conformance.