Get the code for your compliance badge — display it on your website
WCAG AA, EAA Conformant, In Progress, and more. Choose your badge type, copy the HTML or Markdown, and paste it into your site or README in seconds.
Generate embeddable accessibility conformance badges for your website, README, or documentation. HTML and Markdown snippets ready to copy.
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.
Need an Accessibility Statement to link your badge to?
Your badge should link to a published EAA Annex V compliant statement — generate one in minutes with the Statement Wizard.
1. Choose badge type
2. Style
Size
3. Accessibility Statement URL
The badge will link to this URL. Use your Accessibility Statement page.
Preview
HTML embed code
<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)
Markdown badges use shields.io — suitable for GitHub READMEs and documentation sites.
All badge variants
| Badge | Flat | Pill | Outline |
|---|---|---|---|
| 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.