...
Bild flikar med ikoner
Bild flikar utan ikoner
...
Bild: Dropmeny används istället för flikar i mobil
Implementation
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/
...
Flikar med ikoner: Aktiv flik har grå text + ikon mot vit bakgrund för att särskilja från icke-valda flikar som är länkademed ljusblå bakgrund.
Flikar utan ikoner: Aktiv flik har grå text mot vit bakgrund för att särskilja från icke-valda flikar som är länkademed ljusblå bakgrund.
I mobil används en dropmeny istället för flikar, med eller utan ikoner framför rubrikerna.
Do’s and Don’ts
-
Tillgänglighet
...