Barrierefreiheit · Senior · Frage 8 von 75
Warum kann ein zusätzlicher Wrapper dieses Widget kaputt machen?
<div role="tablist">
<div class="scroller">
<button role="tab">One</button>
</div>
</div>- 1
tabmuss zutablistgehören, und ein generisches Element dazwischen kann das brechen - 2Ein
divist in keinem Element erlaubt, das überhaupt eine ARIA-Rolle hat - 3React entfernt beim Hydrieren
role-Attribute von verschachtelten Elementen
Antwort zeigen
Richtige Antwort: tab muss zu tablist gehören, und ein generisches Element dazwischen kann das brechen
Erklärung
Rollen haben einen erforderlichen Kontext. Assistive Technik sieht die Tabs eventuell nicht richtig. Korrigiere das DOM oder nutze als letzten Ausweg aria-owns.