Plats
Användare måste kunna avgöra var de befinner sig inom en uppsättning sidor — typiskt via brödsmulor, en aktuell-sida-indikator i navigeringen, eller en webbplatskarta som markerar det aktiva avsnittet.
Vad det kräver
När en webbplats innehåller mer än ett fåtal sidor behöver användare — särskilt de med kognitiva funktionsnedsättningar eller skärmläsaranvändare som skannar — en “du är här”-signal. Sidtiteln ger dem en ledtråd; framgångskriteriet efterfrågar mer: en brödsmuleled som visar hierarkin, en aktuell-sida-markör i primärnavigeringen, eller en webbplatskarta som markerar det aktiva avsnittet.
Detta är AAA, så det är ett mål att sträva mot för de flesta team, men det lönar sig på dokumentationswebbplatser, e-handelskataloger och alla informationsarkitekturer som är mer än två nivåer djupa.
Hur man uppfyller det
- Lägg till en brödsmuleled ovanför huvudrubriken på varje sida som inte är toppnivå:
Hem › Toolkit › Standarder › WCAG 2.2. - Märk upp den aktuella sidan i navigeringen med
aria-current="page"och särskilj den visuellt (fetstil, accentfärg, understrykning). - För långa formulär eller flerstegsprocesser, visa en stegsindikator: “Steg 2 av 5: Leverans.”
- Gör brödsmuleledet till ett
<nav aria-label="Brödsmuleled">som innehåller en ordnad lista, med det sista objektet utan länk. - För djupa dokumentationswebbplatser, spegla informationsarkitekturen i ett vänster sidofältsträd som expanderar för att visa den aktuella sidans gren.
Vanliga misslyckanden
- Brödsmulor som bara visar avsnitt på toppnivå, inte hela sökvägen.
- Aktuella-sidan-länkar i navigeringen som ser identiska ut som inaktiva länkar —
aria-currentär satt men ingen visuell indikator. - Stegsindikatorer på flerstegformulär som bara visar “Steg 2” utan totalt antal, så användare inte kan avgöra hur mycket som återstår.
- Brödsmulor som länker den aktuella sidan tillbaka till sig själv (liten inverkan, men viss förvirring).
- Enbart “Hem”-länk, inga andra platsindikatorer, på ett 5-nivåers djupt dokumentationsträd.
Varför det spelar roll
Kognitiv belastning är den tysta tillgänglighetsskatten. Användare med ADHD, dyslexi, arbetsminnesskillnader eller alla som navigerar på ett andraspråk är beroende av beständiga platsindikatorer för att behålla kontexten. Utan dem är varje länkklick ett trosprång. Brödsmulor och aria-current kostar nästan ingenting att lägga till och höjer upplevelsen för alla — vilket är varför många team inför 2.4.8 även om de bara åtar sig AA-nivå.