HTML wird mit DOMParser als inertes Dokument geparst. Sichttext, Label-Bezug, aria-labelledby, aria-label, alt und title werden nach Namenspriorität geprüft.
334
Code- & Dateisicherheit
ARIA-Namensinventar
Untersucht eingefügtes HTML ohne Ausführung und meldet sichtbaren Text, aria-label, aria-labelledby, label[for], alt und title. Dynamische Zustände brauchen zusätzliche Prüfung.
✓ Kostenlos✓ Kein Konto✓ Im Browser
KURZANTWORT
Was macht dieses Werkzeug?
Buttons, Links und Formularfelder samt zugänglichem Namen inventarisieren und unbenannte Elemente finden.
ANWENDUNGS- UND ENTSCHEIDUNGSHILFE
ARIA-Namensinventar: Methode und Anwendung
Untersucht eingefügtes HTML ohne Ausführung und meldet sichtbaren Text, aria-label, aria-labelledby, label[for], alt und title. Dynamische Zustände brauchen zusätzliche Prüfung.
ein HTML-Fragment mit Buttons, Links, Bildern und Formularfeldern ohne nötige Skriptausführung Das Format zuerst mit einem kleinen Beispiel ohne Personendaten prüfen.
ein Inventar mit Elementtyp, Selektorhinweis, Namensquelle und Status für unbenannte oder verdächtige Elemente
Praktische Schritte
- Beispiel laden oder die klar beschrifteten Felder für das eigene Szenario ausfüllen.
- Lokal prüfen und Kennzahlen, Warnungen sowie Korrekturen gemeinsam auswerten.
- Ergebnis in der Zielumgebung bestätigen und Annahmen dokumentieren.
jedes interaktive Element per Tastatur fokussieren und Name, Rolle, Zustand sowie Fehler im echten Accessibility Tree vergleichen
Ein statisches HTML-Inventar sieht CSS-verdeckten Text, Shadow DOM, Laufzeitzustände oder Screenreader-Verhalten nicht vollständig und ist kein WCAG-Nachweis.
Geeignete Anwendungen
- Formularprüfung vor Release
- Icon-Button-Prüfung
- WCAG-Aufgabentests vorbereiten
Nachvollziehbares Praxisbeispiel
Praxisszenario: Formularprüfung vor Release. Buttons, Links und Formularfelder samt zugänglichem Namen inventarisieren und unbenannte Elemente finden.
Ein kleines HTML-Beispiel mit Textlink, Icon-Button samt `aria-label`, E-Mail-Feld mit zugeordnetem `label` und zweitem unbenannten Icon-Button prüfen.
Abnahmenachweis: jedes interaktive Element per Tastatur fokussieren und Name, Rolle, Zustand sowie Fehler im echten Accessibility Tree vergleichen. Kennzahlen und Warnungen der Ergebniskarte zusammen mit dem Testbeispiel aufbewahren.
In diesem Zustand nicht veröffentlichen: Ein statisches HTML-Inventar sieht CSS-verdeckten Text, Shadow DOM, Laufzeitzustände oder Screenreader-Verhalten nicht vollständig und ist kein WCAG-Nachweis.
ARBEITSABLAUF VERTIEFEN
Ratgeber zu diesem Werkzeug
Mobile UI: Ebenen, Touch-Ziele und zugängliche Namen
Header, Menüs, Modale und Tool-Aktionen über Überlappung, Touch, Tastatur und Screenreader abnehmen – nicht nur optisch.
Ratgeber lesen →Barrierefreies HTML: Sprache, Überschriften, Formulare und Namen
Über visuelle Qualität hinaus Sprache, Überschriften, Namen, Tastatur und Fehler anhand echter Aufgaben prüfen.
Ratgeber lesen →ÜBER DIESES WERKZEUG
Häufig gestellte Fragen
Welche Eingabe akzeptiert ARIA-Namensinventar?+
ein HTML-Fragment mit Buttons, Links, Bildern und Formularfeldern ohne nötige Skriptausführung Ein kleines HTML-Beispiel mit Textlink, Icon-Button samt `aria-label`, E-Mail-Feld mit zugeordnetem `label` und zweitem unbenannten Icon-Button prüfen.
Was liefert ARIA-Namensinventar?+
ein Inventar mit Elementtyp, Selektorhinweis, Namensquelle und Status für unbenannte oder verdächtige Elemente Abnahmenachweis: jedes interaktive Element per Tastatur fokussieren und Name, Rolle, Zustand sowie Fehler im echten Accessibility Tree vergleichen. Kennzahlen und Warnungen der Ergebniskarte zusammen mit dem Testbeispiel aufbewahren.
Wie prüfe ich die Ausgabe von ARIA-Namensinventar?+
jedes interaktive Element per Tastatur fokussieren und Name, Rolle, Zustand sowie Fehler im echten Accessibility Tree vergleichen In diesem Zustand nicht veröffentlichen: Ein statisches HTML-Inventar sieht CSS-verdeckten Text, Shadow DOM, Laufzeitzustände oder Screenreader-Verhalten nicht vollständig und ist kein WCAG-Nachweis.
Sendet oder speichert ARIA-Namensinventar Eingaben auf einem Server?+
Werkzeugeingaben werden im aktiven Tab verarbeitet. Speichern in der Workstation oder Übergabe an ein anderes Werkzeug erfolgt nach eigener Auswahl. Browser-Erweiterungen und gemeinsam genutzte Geräte gesondert prüfen; die Datenschutzseite erklärt Werbung und Netzwerkverbindungen.