Tabs

3.0.14

Tabs organize content across different screens, data sets, and other interactions.

Demo

Länkar

Tillgänglighet

WAI-ARIA

Tabs-komponenten följer designmönstret "Tabs with manual activation" från WAI-ARIA Authoring Practices Guide.

Det innebär bland annat följande roller och värden:

  • role="tablist" för att gruppera tabbarna

  • aria-label för att sätta ett namn på listan med tabbar

  • role="tab" för varje enskild tabb i listan

  • role="tabpanel" för områden som kontrolleras av tabbarna

  • aria-selected för att indikera vilken tabb som är vald