A11yKit: 15 Zero-Upload WCAG 2.2 / APCA Accessibility & Contrast Tools for Lightweight Preact Apps

[gstar-byte]

Hi Preact community! 👋

Preact delivers lightning-fast performance in an ultra-compact 3kB footprint. High-performance web apps built with Preact often target broad mobile audiences where strict WCAG 2.2 (Level AA/AAA) compliance, mobile touch target sizes (24x24px minimum), and European Accessibility Act (EAA 2025) requirements are critical.

We built A11yKit (https://a11ykit.site) — 15 free developer-focused accessibility utilities sharing Preact's philosophy of lightweight efficiency, running 100% locally in the browser with zero server uploads.

Highlights for Preact developers:

• APCA & WCAG 2.2 Contrast Matrix: Validate color contrasts across mobile themes, buttons, and alert states using both traditional WCAG 2.1 and advanced APCA readability models.
• Mobile Touch Target Checker: Verify that mobile nav icons, list actions, and compact buttons satisfy the new WCAG 2.2 24x24px hit area requirement.
• Color Blindness Simulator: Test lightweight component styles across 8 vision deficiency modes directly in the browser.
• Zero Server Uploads & Total Privacy: 100% client-side computation via Web Workers and WASM — zero risk of leaking private code or proprietary brand palettes.
• CI/CD Automation: Add automated accessibility checks to GitHub Actions using pip install a11ykit-cli, npm install a11ykit-cli, or our official GitHub Action.

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

Feedback and ideas are warmly welcome!