Sidjämförelse

Exempel

Designspecifikation

På sidan-navigeringen listar

utvalda länkar till olika kapitel i artikeln som besökaren befinner sig i. Syftet är att skapa en bra översikt av

innehållet samt underlätta navigering på långa artikelsidor med flera rubriker.

Desktop:

På sidan-navigeringen är sticky och följer med även i långa artiklar. Den placeras under Lokalnavigeringen om sådan finns.

På sidan-navigeringen har blå färgskala och ligger i en blå ram med rundade hörn för att skilja den från lokalnavigeringen.

• Blå rubriker på vit bakgrund, med blå streck mellan.

• Hover och aktiv sida visas med vit pil i blå cirkel till vänster om rubriken.

• Hörnradie 10 px.

Mobil och tablet:

På mobil och tablet fungerar På sidan navigeringen lite annorlunda. Där blir istället kapitlen hopfällda i utgångsläget och H2-rubrikerna klickbara för att fälla ut kapiteltexten.

Syftet är att skapa motsvarande översikt över innehållet både på desktop och mobil.

Do’s and Don’ts

Undvik alltför många H2or på sidan, så komponenten inte blir längre än sidhöjden på desktop.

Tillgänglighet

-

Research på komponenten

-

Relaterade resurser/komponenter

Status