Obtenez le code de votre badge de conformité — affichez-le sur votre site web
WCAG AA, EAA Conforme, En cours et plus. Choisissez votre type de badge, copiez le HTML ou le Markdown et collez-le dans votre site ou README en quelques secondes.
Générez des badges de conformité en accessibilité intégrables pour votre site web, README ou documentation. Extraits HTML et Markdown prêts à copier.
What is this?
This tool generates accessibility compliance badges you can display on your website — showing customers and procurement teams your current conformance level (e.g. WCAG 2.1 AA Compliant).
When do I need this?
Use this once you have completed a formal accessibility assessment and are confident in your conformance claim. Do not display a badge for a level you have not verified.
- 1Select your conformance level — Choose the level you have verified: WCAG 2.1 A, WCAG 2.1 AA, WCAG 2.2 AA, or EAA Compliant.
- 2Enter your assessment date — The badge should show when the assessment was last conducted. Badges expire — reassess at least annually.
- 3Choose badge style — Select a badge style that suits your site's design.
- 4Copy the embed code — Copy the generated HTML snippet and paste it into your website footer or accessibility statement page.
- 5Link the badge to your Accessibility Statement — The badge should link to your published Accessibility Statement so users can see the details.
Besoin d'une Déclaration d'accessibilité pour y lier votre badge ?
Votre badge doit renvoyer vers une déclaration conforme à l'Annexe V de l'EAA — générez-en une en quelques minutes avec l'Assistant de déclaration.
1. Choisir le type de badge
2. Style
Taille
3. URL de la Déclaration d'accessibilité
Le badge renverra vers cette URL. Utilisez la page de votre Déclaration d'accessibilité.
Aperçu
Code HTML intégrable
<a href="#accessibility-statement" title="WCAG 2.2 Level AA — Accessibility Badge" style="display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:#1a56db;color:#ffffff;font-family:system-ui,sans-serif;text-decoration:none;">
<span aria-hidden="true" style="font-size:13px;font-weight:700;">✓</span>
<span style="line-height:1.1;">
<span style="display:block;font-size:13px;font-weight:700;">WCAG 2.2</span>
<span style="display:block;font-size:11px;opacity:.85;">Level AA</span>
</span>
</a>Markdown (shields.io)
[](#accessibility-statement)
Les badges Markdown utilisent shields.io — adaptés aux README GitHub et aux sites de documentation.
Toutes les variantes de badge
| Badge | Plat | Pilule | Contour |
|---|---|---|---|
| WCAG 2.2 Level AA | ✓ WCAG 2.2 Level AA | ✓WCAG 2.2 Level AA | ✓ WCAG 2.2 Level AA |
| WCAG 2.2 Level AAA | ★ WCAG 2.2 Level AAA | ★WCAG 2.2 Level AAA | ★ WCAG 2.2 Level AAA |
| EAA Compliant | ★ EAA Compliant | ★EAA Compliant | ★ EAA Compliant |
| Accessibility Optimised | ↑ Accessibility Optimised | ↑Accessibility Optimised | ↑ Accessibility Optimised |
| EN 301 549 Conformant | ✓ EN 301 549 Conformant | ✓EN 301 549 Conformant | ✓ EN 301 549 Conformant |
| Partial Conformance | ~ Partial Conformance | ~Partial Conformance | ~ Partial Conformance |
Important Legal Disclaimer
This tool is a self-assessment aid only and does not constitute legal advice or a formally certified compliance assessment. Outputs — including reports, scores, checklists, and accessibility statements — are for internal use and should be reviewed by a qualified legal representative or independent accessibility auditor before being relied upon for regulatory, procurement, or public-disclosure purposes. All assessment risk lies with the internal assessor. accessibilityref, its developers, and staff accept zero liability for losses arising from use of or reliance on these outputs. Always verify against official sources: the W3C WCAG 2.2 Recommendation, the European Accessibility Act (Directive 2019/882), and your national enforcement authority.