Brödsmulor - 1177

Exempel

Designspecifikation

Brödsmulan visar sidan man befinner sig på och var den hierarkiskt bor i strukturen, även om sidan inte visas i lokalnavigeringen.

Sidor högre upp i strukturen är klickbara och visas med generell styling för länkar: blå, understruken text. Aktuell sida visas med svart text.

I mobil och tablet används istället en tillbakalänk, som länkar tillbaka upp till översta sektions- eller samlingssida. Tillbakalänken är ej obligatorisk, utan valfri att använda för respektive tjänst.

Do’s and Don’ts

-

Tillgänglighet

Det är viktigt <nav> element har en aria beskrivning. Antingen med aria-label eller som i exemplet med aria-describedby. Läs mer på mdn.

För länk till nuvarande sida kan aria-current=”page” eller aria-current=”location” användas.

Breadcrumb Exempel på w3.org

Research på komponenten

-

Relaterade resurser/komponenter

Status