Sidjämförelse

Exempel

En demo implementation i ramverkslös javascript med fokus på tillgänglighet och progressiv förbättring. Inspirerad från: https://inclusive-components.design/tabbed-interfaces/

Designspecifikation

Navigationskomponenten flikar kan användas med eller utan ikoner.

Flikar med ikoner: Aktiv flik har grå text + ikon mot vit bakgrund för att särskilja från icke-valda flikar med ljusblå bakgrund.

Flikar utan ikoner: Aktiv flik har grå text mot vit bakgrund för att särskilja från icke-valda flikar med ljusblå bakgrund.

I mobil används en dropmeny istället för flikar.

Bild: flikar med ikoner

Bild: flikar utan ikoner

Bild: Dropmeny används istället för flikar i mobil

Do’s and Don’ts

-

Tillgänglighet

-

Research på komponenten

-

Relaterade resurser/komponenter

Status