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 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" än 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
Webbkomponent
här kan du läsa med information om accordion
Large
Styleguiden innehåller både färdiga komponenter som går att återanvända i flera typer av digitala tjänster samt riktlinjer för språk och grafisk design. Genom att använda styleguiden blir utvecklingen mer kostnadseffektiv och våra digitala tjänster blir mer tillgängliga och enhetliga.
Enkelt beskrivet ska du följa Web Content Accessibility Guidelines (WCAG) 2.1 på AA nivå. Det betyder att du ska följa de 50 kriterierna som är märkta med A och med AA. Det ska också finnas en tillgänglighetsredogörelse där vi t.ex. beskriver för användarna av våra digitala tjänster om någon information inte är tillgänglig. Det ska också finnas en kommentarsfunktion där användarna ska kunna påpeka brister i tillgängligheten.
Medium
Styleguiden innehåller både färdiga komponenter som går att återanvända i flera typer av digitala tjänster samt riktlinjer för språk och grafisk design. Genom att använda styleguiden blir utvecklingen mer kostnadseffektiv och våra digitala tjänster blir mer tillgängliga och enhetliga.
Enkelt beskrivet ska du följa Web Content Accessibility Guidelines (WCAG) 2.1 på AA nivå. Det betyder att du ska följa de 50 kriterierna som är märkta med A och med AA. Det ska också finnas en tillgänglighetsredogörelse där vi t.ex. beskriver för användarna av våra digitala tjänster om någon information inte är tillgänglig. Det ska också finnas en kommentarsfunktion där användarna ska kunna påpeka brister i tillgängligheten.