Ein Web Accessibility Check pr\u00fcft bei der Fokusf\u00fchrung, ob Tastaturnutzer jederzeit erkennen k\u00f6nnen, welches Element gerade den Fokus hat, ob die Reihenfolge der fokussierbaren Elemente logisch und vorhersehbar ist und ob der Fokus nicht in Bereichen gefangen bleibt oder unbemerkt springt. Diese Aspekte sind f\u00fcr Menschen, die keine Maus verwenden k\u00f6nnen, grundlegend f\u00fcr die Bedienbarkeit einer Website. Die folgenden Abschnitte beantworten die wichtigsten Fragen rund um Fokusf\u00fchrung im Accessibility-Test.<\/p>\n
Ein Web Accessibility Check<\/a> pr\u00fcft bei der Fokusf\u00fchrung drei Kernbereiche: die Sichtbarkeit des Fokusindikators, die logische Reihenfolge fokussierbarer Elemente und das Verhalten des Fokus bei interaktiven Komponenten wie Dialogen oder Men\u00fcs. Ziel ist es, festzustellen, ob Tastaturnutzer eine Website vollst\u00e4ndig und vorhersehbar bedienen k\u00f6nnen.<\/p>\n Konkret untersucht ein automatisierter Barrierefreiheitstest folgende Punkte:<\/p>\n Automatisierte Tools k\u00f6nnen einen Teil dieser Pr\u00fcfpunkte zuverl\u00e4ssig abdecken, insbesondere HTML-basierte Fehler. Andere Aspekte, etwa ob die Tab-Reihenfolge inhaltlich sinnvoll wirkt, erfordern eine manuelle Pr\u00fcfung.<\/p>\n Ein sichtbarer Fokusindikator ist eine visuelle Markierung, die anzeigt, welches interaktive Element auf einer Website gerade den Tastaturfokus hat. Typischerweise erscheint er als farbiger Rahmen oder Umriss um Schaltfl\u00e4chen, Links oder Formularfelder. Accessibility-Tools pr\u00fcfen ihn, weil sein Fehlen Tastaturnutzer und Screenreader-Nutzer effektiv von der Bedienung ausschlie\u00dft.<\/p>\n Viele Websites entfernen den Standard-Fokusrahmen des Browsers per CSS mit der Regel outline: none<\/em>, ohne einen gleichwertigen Ersatz zu schaffen. F\u00fcr Menschen, die auf Tastaturnavigation angewiesen sind, etwa Menschen mit motorischen Einschr\u00e4nkungen oder blinde Nutzer, die einen Screenreader kombiniert mit Tastatur einsetzen, bedeutet das: Sie wissen nicht, wo sie sich auf der Seite befinden.<\/p>\n Automatisierte Tests pr\u00fcfen unter anderem, ob der Fokusindikator einen ausreichenden Farbkontrast zum Hintergrund aufweist. WCAG 2.2 hat mit dem Erfolgskriterium 2.4.11 (Focus Appearance) die Anforderungen an den Fokusindikator konkretisiert: Mindestgr\u00f6\u00dfe und Kontrastverh\u00e4ltnis des Fokusrahmens werden nun explizit definiert. Ein barrierefrei testender<\/strong> Scanner kann pr\u00fcfen, ob ein Fokusindikator grunds\u00e4tzlich vorhanden ist und ob er die Kontrastanforderungen erf\u00fcllt.<\/p>\n Ein Accessibility Check erkennt eine fehlerhafte Tab-Reihenfolge vor allem durch die Analyse positiver tabindex<\/em>-Werte im HTML-Code. Positive Werte wie tabindex=“2″<\/em> oder tabindex=“5″<\/em> rei\u00dfen Elemente aus der nat\u00fcrlichen DOM-Reihenfolge heraus und erzeugen h\u00e4ufig eine Navigationsabfolge, die f\u00fcr Tastaturnutzer verwirrend oder unlogisch wirkt.<\/p>\n Tools wie axe-core, auf die sich professionelle Barrierefreiheits-Software st\u00fctzt, markieren solche Konstrukte als potenzielles Problem. Dar\u00fcber hinaus pr\u00fcfen sie, ob interaktive Elemente \u00fcberhaupt fokussierbar sind, also ob Links, Buttons und Formularfelder im Tastaturfokus erreichbar sind und nicht durch tabindex=“-1″<\/em> ohne funktionalen Grund ausgeschlossen wurden.<\/p>\n Was ein automatisierter WCAG-Test nicht<\/em> beurteilen kann, ist die inhaltliche Logik der Reihenfolge: Ob der Fokus erst auf die Hauptnavigation, dann auf den Seiteninhalt und zuletzt auf die Fu\u00dfzeile wandert, l\u00e4sst sich nur durch manuelle Tastaturnavigation \u00fcberpr\u00fcfen. Ein automatischer Scan liefert hier Hinweise, ersetzt aber keine vollst\u00e4ndige manuelle Pr\u00fcfung.<\/p>\n Ein automatischer Accessibility Check kann mehrere Kategorien von Fokusf\u00fchrungs-Problemen nicht zuverl\u00e4ssig erkennen. Dazu geh\u00f6ren die inhaltliche Sinnhaftigkeit der Tab-Reihenfolge, das korrekte Fokus-Management in dynamischen Komponenten und die tats\u00e4chliche Nutzbarkeit von Skip-Links im Kontext der Seite. Sch\u00e4tzungen aus der Forschung gehen davon aus, dass automatisierte Tests etwa 30 bis 50 Prozent aller Barrierefreiheitsprobleme abdecken.<\/p>\n Konkret bleiben folgende Fokusf\u00fchrungs-Probleme typischerweise unsichtbar f\u00fcr automatische Tools:<\/p>\n\n
Was ist ein sichtbarer Fokusindikator und warum pr\u00fcfen Tools ihn?<\/h2>\n
Wie erkennt ein Accessibility Check eine fehlerhafte Tab-Reihenfolge?<\/h2>\n
Welche Fokusf\u00fchrungs-Probleme kann ein automatischer Check nicht erkennen?<\/h2>\n
\n