Tabbladen
role="tablist" > role="tab" + role="tabpanel". Pijltoetsen voor tabbladwisseling, niet Tab. aria-selected op actief tabblad. Paneel wordt gekoppeld via aria-labelledby.
Panelen met tabbladen waarbij u met de pijltjestoetsen tussen de tabbladen kunt schakelen — op het eerste gezicht eenvoudig, maar verrassend moeilijk correct te implementeren voor schermlezers.
Waarom dit belangrijk is
Tab-interfaces die zonder de juiste rollen zijn opgebouwd, brengen gebruikers van schermlezers in verwarring, omdat zij niet te horen krijgen dat de tabbladen met elkaar verband houden of welk tabblad is geselecteerd — en navigatie met de pijltjestoetsen werkt vaak niet.
Hoe te detecteren
Controleer met een schermlezer of elk tabblad wordt aangekondigd als een tabblad met de status ‘geselecteerd’, en of u met de pijltjestoetsen tussen de tabbladen kunt schakelen, terwijl u met de Tab-toets naar het paneel gaat.