Accordions - 1177

Exempel

Designspecifikation

Accordions har separata ”kort” som går att fälla ut/in. Korten kan innehålla olika information som text, bilder, tabeller eller länkyta. I vissa finns ytterligare utfällbara fält.

Accordions har i desktop en ram med en färgad list upptill. (Översta exemplet för 1177 behöver bred skärm för att ramen ska synas.) I mobil försvinner ramen.

Accordions används t.ex. i mottagningssidorna på 1177.se.

Do’s and Don’ts

-

Tillgänglighet

För att tillgängliggöra status på accordion (öppen/stängd) använd aria-expanded true/false på knappen som öppnar sektionen. Mer information om wai-aria och accordions här.

Research på komponenten

-

Relaterade resurser/komponenter

Status