Hamburgermenu
aria-expanded op de triggerknop, aria-controls verwijzend naar het menupaneel. Focusbeheer: verplaats focus naar menu bij openen, terug naar trigger bij sluiten. Escape om te sluiten.
De menuknop op mobiele apparaten moet via het toetsenbord bediend kunnen worden, aangeven of deze geopend is, en met de Escape-toets gesloten kunnen worden.
Waarom dit belangrijk is
Mobiele menu’s die zijn opgebouwd uit elementen die geen knop zijn, kunnen niet met het toetsenbord worden geopend of correct worden voorgelezen, en bij menu’s die de focus niet vasthouden, kunnen toetsenbordgebruikers per ongeluk op de verborgen pagina erachter terechtkomen.
Hoe te detecteren
Met de Tab-toets naar de menuknop: is dit een echte <button> met aria-expanded? Wordt het, wanneer het geopend is, gesloten met de Escape-toets, blijft de focus erin en keert deze daarna terug naar de knop? Is de achtergrondinhoud inactief?</button>