Welche WCAG-Stufen werden unterstützt?

Sie können zwischen den Konformitätsstufen WCAG AA und WCAG AAA wählen.

Kann ich Bilder auf Kontrastprobleme prüfen?

Ja, laden Sie einfach ein Designbild hoch. Das Tool führt eine palettenbasierte Kontrastheuristik durch, um Risiken zu erkennen.

Welche Dateiformate werden für Designbilder akzeptiert?

Das Tool unterstützt PNG, JPEG, WEBP und SVG-Dateien bis zu einer Größe von 20 MB.

Werden auch fehlende Formular-Labels erkannt?

Ja, die HTML- und URL-Prüfung identifiziert Eingabefelder ohne zugehörige Labels oder ARIA-Attribute.

Wie sieht das Ergebnis der Prüfung aus?

Sie erhalten einen übersichtlichen HTML-Bericht, der alle gefundenen Probleme auflistet und Hinweise zur Behebung gibt.

Elysia Tools

Mobile Navigation

Validation

Barrierefreiheitspruefer

Erkennt haeufige WCAG-2.1-Probleme in HTML, Seiten oder Designbildern und liefert direkt umsetzbare Hinweise

Ausführung

Dieses Tool ausführen

Fülle das Formular aus, starte das Tool und prüfe das Ergebnis an einem Ort.

Vorbereitete Beispielausführungen

Klicken Sie auf ein Beispiel, um das Formular automatisch auszufüllen. Dateien müssen weiterhin hochgeladen werden.

2 Beispiele

Landingpage-Snippet auf fehlende Labels pruefen

Prueft einen HTML-Block auf leere Buttons, fehlende Alt-Texte und unlabeled Formularfelder

<div>Accessibility report with critical issues for images, links, buttons, and forms.</div>

Mockup auf Kontrastrisiken untersuchen

Fuehrt eine palettenbasierte Kontrastheuristik auf einem Designbild aus

<div>Accessibility report with palette-based contrast warnings from a design image.</div>

Eingaben

Fülle die erforderlichen Felder aus und starte das Tool.

4 Optionen

DateienQuelldateien für diesen Workflow hochladen.1

DesignbildfileOptionales Feld

InhaltHaupteingaben einfügen oder eingeben.2

HTML-EingabetextareaOptionales FeldSeiten-URLtextOptionales Feld

EinstellungenFormate, Bereiche, Zahlen und Modi anpassen.1

WCAG-StufeselectOptionales Feld

Ergebnis

Bereit zum Start

Nach dem Ausführen erscheinen hier Dateien, Text, strukturierte Daten oder Stream-Ausgaben.

Beispiele

Beispiele zu diesem Tool

Verwandt

Barrierefreiheitspruefer

Dieses Tool ausführen

Vorbereitete Beispielausführungen

Eingaben

Ergebnis

Beispiele zu diesem Tool

Mit verwandten Tools und Themen fortfahren

Vorbereitete Beispielausführungen

Eingaben

Ergebnis

Erfahren Sie, wann dieses Tool passt, was es unterstützt und wie Nutzer es anwenden.

Wichtige Fakten

Überblick

Wann verwenden

So funktioniert es

Anwendungsfälle

Beispiele

1. HTML-Snippet auf fehlende Labels prüfen

2. Mockup auf Kontrastrisiken untersuchen

FAQ

Android Java Bildverarbeitungsbeispiele

Android Kotlin Bildverarbeitungsbeispiele

Web Python Bildverarbeitung Beispiele

Web Rust Bildverarbeitungsbeispiele

Data-URI-Generator

PDF-Kopf-/Fußzeilen-Bausteine

Wasserzeichen-Opazität-Tool

Ecken-Wasserzeichen-Tool

Tools fuer Web-Accessibility-Audits und lesbare Farbpruefung

Tools fur Bildformat-Konvertierung und animierten Export

Textfall-, Encoding- und Normalisierungs-Konvertierungs-Tools

Werkzeuge fur Bildbereinigung, Rahmen und Batch-Vorbereitung