Breadcrumb - 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 stegvis upp till översta sektions- eller samlingssida.

Do’s and Don’ts

-

Tillgänglighet

Brödsmulorna ska länka till föregående sidor och den aktuella sidan användaren står på ska också stå med i brödsmulorna, dock ska den inte vara länkad då den går till samma sida som användaren redan står på.

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