Two practical tools to help you build WCAG 2.2 and RGAA 4 compliant interfaces — no signup, 100% client-side.
Select a React component type and instantly see the applicable WCAG 2.2 criteria, RGAA 4 references, required ARIA attributes, and a minimal compliant JSX example.
Pick a text color and background color to instantly calculate the contrast ratio and see if it meets WCAG AA requirements.
#1a1a2e#ffffffContrast ratio
17.06:1
1.4.3 — WCAG 1.4.3 — Contrast (Minimum): 4.5:1 for normal text, 3:1 for large text
1.4.11 — WCAG 1.4.11 — Non-text Contrast: 3:1 for UI components and graphical objects
Preview
The quick brown fox jumps over the lazy dog.
Large text sample
Konform ships React components with built-in WCAG 2.2 AA and RGAA 4 compliance documentation — ready for your next audit.
Related resources
See how compliance-first documentation differs from a design-first component library.
Understand when DSFR is the right benchmark and when private teams need another path.
Compare accessible primitives with the audit-ready documentation expected in EU compliance work.
Learn the DINUM audit flow, test types, and cost structure behind formal RGAA reviews.
Use the declaration guide to publish the documentation that follows your accessibility audit.