Welche Bedienelemente dieser Seite kann ein Agent nicht benennen?
URL in einem echten EU-Browser laden und die interaktiven Elemente bekommen, die keinen zugänglichen Namen, keine Rolle oder keinen Weg außer einem Skript haben. Ein Browser-Agent und ein Screenreader scheitern an denselben Elementen, und dieser Check listet sie.
Gib eine Seite mit Formularen oder App-artiger Oberfläche ein; die Startseite eines Shops oder Portals ist ein guter erster Test.
Diese Prüfung öffnet einen echten Browser auf unseren Servern und braucht JavaScript in deinem.
Beobachtungen, keine Urteile. Deine Eingabe wird für dieses Ergebnis verarbeitet und in ein Nutzungsjournal geschrieben, das die Datenschutzerklärung beschreibt; sonst wird nichts gespeichert.
Warum Agent und Screenreader an denselben Elementen scheitern
Ein Browser-Agent schaut nicht zuerst auf Pixel. Er liest einen Baum: jedes Element, mit dem sich etwas tun lässt, mit einer Rolle (Button, Link, Textfeld), einem Namen (dem Text, mit dem eine Person es bezeichnen würde) und einer Liste von Gründen, warum es als klickbar gilt. Dieser Baum entsteht aus denselben Barrierefreiheitsinformationen, die ein Screenreader liest, plus Signalen, die ein Screenreader ignoriert, etwa Skript-Handler und Zeiger-Stile. Ein Element mit Rolle und Name lässt sich als Anweisung formulieren: Drück den Button Bestellung absenden. Ein Element ohne beides lässt sich nur über seine Position oder sein Markup beschreiben, und beide Beschreibungen zerbrechen, sobald sich die Seite ändert.
Deshalb überlappen sich der Agentenblick und der Accessibility-Baum so stark, und deshalb treffen dieselben Mängel beide Zielgruppen. Ein unbeschriftetes Feld ist eines, das man dem Agenten nicht zum Ausfüllen nennen kann. Ein reiner Icon-Button ist ein Element, das der Agent sieht, aber nicht angewiesen bekommen kann. Ein klickbares Div ohne Rolle fehlt im Baum ganz; der Agent findet es nur, weil die Wahrnehmungsschicht den Klick-Handler als Signal festhält und das Element mit Begründung als jsClickable markiert.
Was der Check meldet
Jeder Befund nennt die Gruppe, zeigt das Tag des Elements, sein äußeres Markup auf eine Zeile gekürzt, seine Position auf der Seite und, wo die Wahrnehmungsschicht einen Teilnamen hatte, diesen. Eine Zusammenfassung zählt die Bedienelemente insgesamt und je Gruppe, damit sich zwei Läufe derselben Seite vergleichen lassen. Die Zahlen sind Tatsachen über die Seite, wie sie sich einem Besucher darstellte; ein Score sind sie nicht.
Was es nicht ist
Das ist kein WCAG-Audit und gibt sich nicht als eines aus. WCAG umfasst Kontrast, Fokusreihenfolge, Zeitvorgaben, Bewegung, Sprache und Dutzende Kriterien, die dieser Check nie anschaut. Er prüft eine Sache, ob sich interaktive Elemente benennen und erreichen lassen, weil diese eine Sache entscheidet, ob ein Agent die Seite bedienen kann. Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG) für eine Reihe digitaler Dienstleistungen gegenüber Verbrauchern, und zu den Kriterien, auf die es verweist, gehören auch die, die dieser Check berührt. Ob eine Seite das Gesetz erfüllt, beantwortet eine Fachperson für Barrierefreiheit anhand aller Kriterien, nicht ein Tool, das vier Gruppen prüft.
Absichten bewertet der Check ebenfalls nicht. Ein dekoratives Icon in einem Button, der zusätzlich visuell versteckten Text trägt, ist in Ordnung, und der Check sieht den versteckten Text. Ein Button mit title-Attribut, aber ohne zugänglichen Namen wird gelistet, weil ein title ein Tooltip ist und kein Name. Ein Element in einer geschlossenen Shadow Root ist für den Baum des Browsers unsichtbar und wird nicht gemeldet.
Ein Lauf ist eine abgerechnete Browser-Session einer dafür eingerichteten Organisation, begrenzt je Besucher und je Tag. URL und Befunde werden dir zurückgegeben und verworfen; das Nutzungsjournal behält Zeitstempel und Größe der Antwort, wie in der Datenschutzerklärung beschrieben.
So liest der Check die Seite
-
Laden und zur Ruhe kommen lassen
Ein frischer Browser öffnet die URL, lehnt das Consent-Banner ab und wartet, bis sich die Seite nicht mehr ändert. Der Baum, den der Agent sieht, ist derselbe, den der Agentenblick zeigt.
-
Jedes Bedienelement einsammeln
Links, Buttons, Eingabefelder, Auswahllisten und jedes Element, das aus einem anderen Grund klickbar ist: eine Rolle, ein tabindex oder ein Skript-Handler, den die Wahrnehmungsschicht erkannt hat.
-
Jedem drei Fragen stellen
Hat es einen zugänglichen Namen? Hat es eine Rolle, auf die Mensch oder Maschine reagieren kann? Ist es ohne Skript erreichbar oder nur durch eines?
-
Befunde gruppieren
Felder ohne Beschriftung, Buttons, deren einziger Inhalt ein Icon ist, klickbare Elemente ohne Rolle und Elemente, die nur auf einen Skript-Handler reagieren, jeweils mit Position und Markup-Ausschnitt.
Hinweis · Beobachtungen aus einem Seitenaufruf, kein Audit
Die Befunde sind das, was ein EU-Browser bei einem Besuch mit abgelehnten Cookies gesehen hat. Eine Seite, die nach dem Login, auf dem Telefon oder mit Verzögerung anders rendert, kann eine andere Liste ergeben. Nichts hier ist eine Aussage über gesetzliche Anforderungen an Barrierefreiheit.
Die vier Gruppen
Eingabefelder ohne Namen
Ein Textfeld ohne label-Element, ohne aria-label und ohne aria-labelledby hat bestenfalls einen Platzhalter. Ein Agent, der eine IBAN eintippen soll, sieht ein Feld und rät; ein Screenreader liest Eingabefeld und sonst nichts.
Reine Icon-Buttons
Ein Button, dessen Inhalt ein SVG oder eine Icon-Schrift und sonst nichts ist, hat keinen Namen, außer jemand hat einen ergänzt. Lupe, Warenkorb, Hamburger-Menü und Schließen-Kreuz sind die üblichen Verdächtigen.
Klickbare Elemente ohne Rolle
Ein Div mit onclick ist für die Maus klickbar und für alles andere unsichtbar. Die Wahrnehmungsschicht erkennt den Handler und markiert das Element als jsClickable; diese Gruppe sind jene Elemente abzüglich derer, die zusätzlich eine Rolle deklarieren.
Nur per Skript erreichbar
Elemente, auf die der Agent nur durch Ausführen von Skript einwirken könnte, weil sie weder fokussierbar noch im Accessibility-Baum sind. Ein Agent, der sie trotzdem erreicht, tut etwas, das eine Person nicht könnte.
Fragen zur Bedienbarkeit für Agenten
Was macht eine Seite für einen Agenten bedienbar?
Bedienelemente mit Rolle und Name: ein Button namens In den Warenkorb, ein Textfeld mit der Beschriftung Postleitzahl. Dann lässt sich dem Agenten in Worten sagen, was er tun soll, und die Anweisung überlebt ein Redesign, das das Element verschiebt.
Ist das dasselbe wie ein Barrierefreiheits-Check?
Es überschneidet sich mit einem Kriterium der Barrierefreiheit, dass interaktive Elemente Namen und Rollen haben, und hört dort auf. Kontrast, Tastaturreihenfolge, Bewegung und der Rest sind nicht abgedeckt.
Hat das mit dem BFSG zu tun?
Das BFSG gilt seit dem 28. Juni 2025 für bestimmte digitale Dienstleistungen gegenüber Verbrauchern und verweist auf die europäische Norm, deren Kriterien benannte, bedienbare Elemente einschließen. Dieser Check berichtet nur über diese Elemente und trifft keine Aussage darüber, ob eine Seite das Gesetz erfüllt.
Warum wird ein Button gelistet, der ein title-Attribut hat?
Ein title erscheint als Tooltip und ist kein verlässlicher zugänglicher Name. Mit visuell verstecktem Text oder einem aria-label bekommt der Button einen Namen.
Wie repariere ich ein klickbares Div?
Mach einen Button daraus, oder gib ihm role=button, tabindex=0 und einen Tastatur-Handler. Agent, Screenreader und Tastaturnutzer profitieren von derselben Änderung.
Werden die Befunde gespeichert?
Nein. Sie werden dir angezeigt und verworfen. Das Nutzungsjournal behält Zeitpunkt und Größe des Laufs.
Passende Tools und Anleitungen
- Was der Agent sieht Der vollständige Seitenbaum, aus dem der Check abgeleitet ist, mit Tokenkosten
- XPath-Tester Einen Ausdruck gegen das Markup eines Elements ohne Namen ausprobieren
- KI-Agenten zuverlässig betreiben Woran Agenten scheitern, und warum es meist mit einem unbenennbaren Element beginnt
- KI-Agent Der Glossareintrag
Einen Agenten auf die Seite loslassen und sehen, wo er hängt
Fünf Browserstunden, keine Karte. Gib dem Agenten eine Aufgabe auf der Seite, die du gerade geprüft hast, und schau in der Live-Ansicht zu.