KWCAG A11y Inspector icon

KWCAG A11y Inspector

Extension Actions

How to install Open in Chrome Web Store
CRX ID
ngcmkfaolkgkjbddhjnhgoekgaamjibo
Description from extension meta

KWCAG 2.1.3 Messwerkzeug für Bedienbarkeit

Image from store
KWCAG A11y Inspector
Description from store

KWCAG A11y Inspector hilft Webentwicklern und Zugänglichkeitsprofis, die Einhaltung von KWCAG 2.1 und WCAG 2.2 zu überprüfen.

✨ Schlüsselmerkmale

• Echtzeit-Elementeinspektion
- Interaktive Elemente in Pixeln und Millimetern messen
- KWCAG 2.1.3 (Mindest 6mm Diagonal) validieren
- WCAG 2.5.8 Level AA (24×24px Minimum) validieren
- WCAG 2.5.5 Level AAA (44×44px Minimum) validieren

• Farbkontrastprüfung
- Leuchtkontrastverhältnisse berechnen
- WCAG 1.4.3 Compliance (AA: 4.5:1, AAA: 7:1)
- Echtzeitvalidierung während der Inspektion

• Manuelle Berechnung
- Pixelabmessungen in Millimeter umrechnen
- Design-Mockups überprüfen
- Statische Bilder und nicht DOM-Elemente testen

🎯 Verwendung

1. Klicken Sie auf das Erweiterungs-Symbol, um Inspektor zu aktivieren
2. Über Elemente schweben, um Messungen zu sehen
3. Rechtsklick → "Handbuchrechner öffnen" für manuelle Eingabe
4. Drücken Sie ESC, um zu pausieren/zum Wiederaufnahme

⚙ Custom Anpassbare Einstellungen

- Monitorgröße und Bildschirmauflösung
- Randfarbe, Stil und Dicke
- Anzeige von Tasten (Kontrastkontrolle, Kastenmodell)

🔒 Privacy First

- Keine Datenerhebung
- Alle lokal durchgeführten Berechnungen
- Offene Quellcode verfügbar auf GitHub

Perfekt für Zugänglichkeitsprüfungen, WCAG-Compliance-Tests und Webentwicklungsabläufe.