Gå til sidens indhold

Komponenter

Faneblade

Faneblade udgør den vandrette eller horisontale navigation i en løsning. Brugeren kan aktivere det tilhørende indhold ved at klikke på fanebladet.

<div class="container pb-8">
    <p class="h4">Tab navigation</p>

    <ul class="tabnav">

        <li>
            <a href="">
                Tabnav 1

            </a>
        </li>

        <li>
            <a href="" class="active">
                Tabnav 2
                <span class="sr-only">(valgt)</span>
            </a>
        </li>

        <li>
            <a href="">
                Tabnav 3

            </a>
        </li>

        <li>
            <a href="">
                Tabnav 4

            </a>
        </li>

        <li>
            <a href="">
                Tabnav 5

            </a>
        </li>

        <li>
            <a href="">
                Tabnav 6

            </a>
        </li>

    </ul>

</div>

Tilgængelighed

Faneblade er tilgængelige i den anbefalede løsning, men vi anbefaler generelt ikke, at du anvender faneblade, da en stor del af brugerne ikke opdager indholdet på fanerne udover den aktive.

Brugervenlighed

Anvendes til

  • Faneblade anvendes til at skifte mellem forskellige visninger af indhold indenfor samme kontekst.
  • Faneblade egner sig bedst som en avanceret funktionalitet for afgrænsede målgrupper.

Anvendes ikke til

  • Faneblade kan ikke erstatte individuelle sider i en selvbetjeningsløsning eller hjemmeside.
  • Faneblade anvendes ikke til at opdele et logisk flow eller en sekvens af handlinger.

Vejledning

  • Vi anbefaler ikke, at du anvender faneblade i en generel løsning, da en stor del af brugerne ikke opdager indholdet på fanerne udover den aktive.
  • Hvis du ønsker at anvende faner, bør det testes på din målgruppe før din løsning går i produktion.