HTML/CSS: Navigation links
bearbeitet von 1unitedpower> Was soll eigentlich mit dem Fokus geschehen, wenn ich einen Button aktiviere?
>
> Die wahrscheinlichste Antwort lautet wohl: er soll das erste fokusierbare Element im zugehörigen Tabcontent navigieren.
>
> Was soll geschehen, wenn der Fokus den Tabcontent verlässt?
>
> Die wahrscheinlichste Antwort: Es soll der button fokusiert werden, der durch aria-labeledby (oder aria-controls) beschrieben wird.
Ich könnte mich täuschen, aber bilden die beiden Regeln zusammengenommen nicht eine [Keyboard-Trap](https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-trapping.html)? Also komme ich da mit dem Fokus überhaupt wieder aus dem Tab-Widget heraus, wenn ich nur eine Tastatur zur Bedienung nutze?
Ich hätte instinktiv auf beide Fragestellungen anders geantwortet:
1. Fokus auf dem Tab-Button belassen.
2. Zum nächsten anvisierbaren Element in der Tab-Reihenfolge springen.
Also beides beim Standard-Verhalten belassen.
> Zusatzfrage: wo soll mein Fokus hin, wenn ich den letzten Button der Tabgruppe verlasse?
Bei der Navigation mit Pfeiltaste würde ich den Fokus auf den ersten Tab-Button zurücksetzen. Bei der Navigation mit der Tab-Taste würde ich auf das aktive Tab-Panel springen.
> Kurzer Sinn der Fragen: Tabpanels sind weit komplexer.
In diesem Punkt sind wir uns denke ich alle einig. Zur Orientierung gibt es dazu auch einen [Ratgeber](https://www.w3.org/TR/wai-aria-practices-1.1/#tabpanel) von der der Accessibility-Arbeitsgruppe des W3C.