Tabs mit barrierenfreien Features.
Die Funktionalitäten des Seitenelements erfüllen alle Anforderungen von WAI-ARIA (Web Accessibility Initiative – Accessible Rich Internet Applications).
Durch die Anreicherung mit WAI_ARIA auf Code-Ebene kann z.B. ein Screen-Reader für Sehbehinderte die Tabs als solche erkennen (Reiter, Inhaltselement). Ebenso wird das aktive Element (focus) erkannt und kann per Tastatur gesteuert werden (Tabulator-, Pfeil- und Enter-Tasten).
Das für die Tastatur-Navigation aktive Element (focus) wird mit einem dunkelgrauen, linksseitigem Rahmenelement visuell hervorgehoben.
Im ersten Beispiel (Tab-ID: tabA), wird mit der Tabulatortaste durch die Seite navigiert und im Tab mit den Pfeiltasten der Reiter ausgewählt. Mit der der Enter-Taste wird das Inhaltselement des jeweilen Reiters anezeigt.
Weiterhin enthält das erste Beispiel mehr Reiter mit langen Namen, so dass die Reiter auf kleinen Screens zweizeilige werden. Daher wird das Design für kleine Screens angepasst.