A11yKit: 15 Free, Zero-Upload Accessibility & WCAG 2.2 / APCA Contrast Tools for Vuetify Developers

[gstar-byte]

Hi Vuetify community! 👋

Vuetify is widely recognized for its rich Material Design component library and strong commitment to WCAG 2.1 AA accessibility guidelines. When designing custom brand palettes, configuring theme color variations (theme.themes), or preparing enterprise applications for WCAG 2.2 and the European Accessibility Act (EAA 2025), dedicated auditing tools are essential.

We built A11yKit (https://a11ykit.site) — 15 free developer-focused accessibility utilities running 100% locally in the browser with zero server uploads.

Highlights for Vuetify developers:

• APCA & WCAG 2.2 Contrast Matrix: Fast-check custom theme tokens across Vuetify's surface, primary, and on-surface colors in both light and dark themes.
• Target Size & Spacing Checker: Easily check interactive VBtn, VSwitch, and VListItem target sizes against the new WCAG 2.2 24x24px minimum hit-area rule.
• Color Blindness Simulator: Inspect component output across 8 vision deficiency models (Deuteranopia, Protanopia, Tritanopia, etc.).
• Zero Server Uploads & Total Privacy: 100% client-side computation via Web Workers and WASM — safe for proprietary enterprise themes and internal applications.
• CI/CD Integration: Seamlessly audit rendered HTML pages during build pipelines using pip install a11ykit-cli, npm install a11ykit-cli, or our official GitHub Action.

Explore all 15 free tools at https://a11ykit.site.

We'd love to hear your feedback and suggestions for Vuetify theme token helper workflows!