En dragspelsmeny, accordion på engelska, kan beskrivas som paneler som vid klick öppnar en sektion undertill. Ofta används menyn för frågor och svar där ett klick på frågan fäller ut svaret. Desto vanligare den här typen av meny blir desto viktigare att den också kan användas av alla. För en tillgänglig dragspelsmeny krävs rätt HTML-element och WAI-ARIA. WAI-ARIA är en standard för att märka upp innehåll och göra det begripligt med exempelvis en skärmläsare.

I mitt exempel på en tillgänglig dragspelsmeny kan du se fler detaljer kring hur och var de olika aria attributen ska användas.
Tillgänglig dragspelsmeny på Codepen.

Skärmdump från Codepen med exempelkod till dragspelsmeny

Kolla in exemplet på Codepen så får du alla detaljer.