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

Pages analysed

URLViewportHTTP statusHorizontal scrolling at this size
https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/desktop200no
https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/mobile200no

Summary of automatically detected issues

IssueSeverityWCAGRGAAPagesElements
Images must have alternative text image-altcritical1.1.11.124
Buttons must have discernible text button-namecritical4.1.211.922
Form elements must have labels labelcritical4.1.211.122
Select element must have an accessible name select-namecritical4.1.211.122
Elements must meet minimum color contrast ratio thresholds color-contrastserious1.4.33.2214
Links must have discernible text link-nameserious2.4.4, 4.1.26.224
<html> element must have a lang attribute html-has-langserious3.1.18.322

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)

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)

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)

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)

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)

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)

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)

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):

  1. 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)
  2. 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)
  3. 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)
  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)
  5. 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)
  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)
  7. 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)
  8. 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)
  9. 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)
  10. 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)
  11. 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)
  12. 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)
  13. 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)
  14. 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)
  15. 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)
  16. 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)
  17. 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)
  18. 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)
  19. 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)
  20. 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

  1. Fix “critical” and “serious” issues on the purchase path first.
  2. Do the manual checks above, ideally with a screen reader.
  3. Complete and validate the attached drafts (statement and action plan).
  4. Commission a full audit (WCAG/EN 301 549) before claiming conformance.

Page screenshots (desktop)

Boutique Démo
https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/