Da das Interesse an Webzugänglichkeit wächst, haben wir im Rahmen unserer Dienstleistung zur Beurteilung der Zugänglichkeit Tools entwickelt, um Zugänglichkeitsbewertungen „einfacher und verständlicher“ zu gestalten.
Als ersten Schritt dieser Initiative wurde die Chrome-Erweiterung „Area Contrast Checker“ veröffentlicht.
Hintergrund der Entwicklung
Es gibt drei Haupttypen von herkömmlichen Kontrastprüfern, von denen jeder seine eigenen Vor- und Nachteile hat.
- Automatischer Scan-Typ
Obwohl es effizient ist, da es Daten mechanisch von der gesamten Seite extrahiert, hat es den Nachteil, dass es anfällig für Fehlalarme und verpasste Erkennungen ist, wenn der Hintergrund ein Bild oder ein Farbverlauf ist. - Pflückertyp (Pipette)
Zwar kann es die Farbe so genau messen, wie sie erscheint, der Nachteil besteht jedoch darin, dass jeder einzelne Bereich manuell extrahiert werden muss, was den Arbeitsaufwand erhöht. - Elementspezifischer Typ
Obwohl es einfach zu bedienen ist, da es direkt auf HTML/CSS-Informationen zugreift, kann es Bilder nicht untersuchen und erfasst möglicherweise nicht den tatsächlichen Rendering-Zustand, wie z. B. Elementüberlappungen und Transparenz.
Ein völlig neuer vierter Ansatz
Mit Area Contrast Checker haben wir einen völlig neuen vierten Ansatz entwickelt.
Wählen Sie den zu untersuchenden Bereich aus, indem Sie einen Rahmen darum ziehen. Die Software analysiert die Pixel innerhalb dieses Bereichs und erkennt automatisch zwei Farben: die Hintergrund- und die Vordergrundfarbe. Da sie den sichtbaren Bildschirminhalt untersucht, kann sie Bilder unabhängig von überlappenden Elementen analysieren.
Sie können ganz einfach Untersuchungen durchführen, indem Sie den Bereich, der Sie interessiert, per Drag & Drop verschieben.
Hauptmerkmale
▪️WCAG 2.1 / 2.2 sind für die Beurteilung geeignet
Anhand der Erfolgskriterien 1.4.3, 1.4.6 und 1.4.11 werden die Kontrastverhältnisse von normalem Text (AA: 4,5:1, AAA: 7:1), großem Text (AA: 3:1, AAA: 4,5:1) und UI-Komponenten (AA: 3:1) bewertet.
▪️ Entspricht dem APCA-Standard der nächsten Generation.
Diese Software unterstützt den neuen Kontraststandard „APCA (Accessible Perceptual Contrast Algorithm)“, der derzeit im WCAG 3.0-Entwurf geprüft wird. Sie zeigt sofort die maximale Schriftgröße (Lc-Wert) an, mit der die Software kompatibel ist.
▪️Farbvorschläge, die den Farbton erhalten
Ist das Kontrastverhältnis unzureichend, schlägt das System eine annähernde Farbe vor, die dem Standard entspricht und gleichzeitig den Farbton der Originalfarbe beibehält.
▪️Erweiterte Funktionen für Profis
Unterstützt die Farbformate HEX, RGB und HSL.
- Wenn Sie die Ergebnisse der automatischen Erkennung feinabstimmen möchten, können Sie mit dem Auswahlwerkzeug Pixel für Pixel neu auswählen.
- Unterstützt zwei Sprachen: Japanisch und Englisch
Laden Sie den Flächenkontrast-Checker hier herunter.
Bei Liberogic ist es unser Ziel, Barrierefreiheit zu einer Standardqualität zu machen und nicht zu etwas, das besondere Aufmerksamkeit erfordert.
Dieses Tool vereint all die „Wäre es nicht toll, wenn…“-Funktionen, die uns bei der Webentwicklung und bei Barrierefreiheitsprüfungen begegnet sind. Wir planen, zukünftig weitere Tools zu veröffentlichen, um Barrierefreiheit noch einfacher und zugänglicher zu gestalten. Seien Sie gespannt!
