Äldre version av utfällbart stycke

För att göra accordions tillgängliga lägger vi på aria-label på div elementet fär att berätta för skärmläsare att här kommer en eller flera accordions. Varje accordions ska ha ett unikt id och ett aria-controls som refererar till vilket innehåll den tillhör/styr över. Dessutom ska varje accordions ha ett aria-expanded attribut för att berätta för skärmläsare när innehållet visas eller inte.

Varje innehåll (som är inneslutet i div taggen) ska också ha ett id som ska korrespondera till vilken accordions innehållet tillhör via aria-control attributet. Dessutom ska innehållet ha ett aria-hidden attribut som ska berätta när innehållet är synligt eller inte och om skärmläsaren ska ignorera innehållet eller inte.

En viktig detalj att tänka på att eftersom ett Utfällbart stycke(accordion) innehåller en rubrik (h2, h3 o.s.v.) så måste man själv ange rätt rubrik element så att rubriknivån är rätt d.v.s. att en h4 ligger "under" en h3. Vilket betyder att det är mycket osannolikt att det är en h1 i en accordion eftersom det i så fall skulle innebära att hela sidan kan minimeras.

Large

Medium

Utfällbart stycke i ett formulär

Large

Medium