WCAG 3.2.3 Konsekvent navigering

Menyer och andra sätt att ta sig runt som finns på flera sidor ska komma i samma ordning varje gång, om inte kunden själv har ändrat dem. Den som använder skärmläsare eller förstoring lär sig var saker finns, och den som har svårt med minne och orientering räknar med att menyn ser likadan ut. Det gäller ordningen, inte att allt måste finnas på varje sida.

• Länkarna i menyn byter plats på kategorisidorna, till exempel när den aktuella kategorin flyttas först.
• Sökfältet ligger före menyn på startsidan men efter den på produktsidorna.
• Kampanjsidor har ett eget sidhuvud där varukorgen och kontot ligger på andra platser.
• Sidfotens länkar kommer i olika ordning på olika sidtyper, för att de byggs av olika mallar.
• Kassan byter till ett annat sidhuvud mitt i köpet, där länken tillbaka till butiken saknas.

Bygg sidhuvud, meny och sidfot som en gemensam del som alla sidmallar använder. Markera den aktuella sidan i menyn i stället för att flytta den.

<nav aria-label="Huvudmeny">
  <a href="/dam">Dam</a>
  <a href="/herr" aria-current="page">Herr</a>
  <a href="/barn">Barn</a>
  <a href="/rea">Rea</a>
</nav>

Kontrollera själv

Ingen av de automatiska kontrollerna jämför sidor med varandra. Gå från startsidan till en kategori, en produkt, varukorgen och kassan, och kontrollera att menyn, sökfältet och sidfoten kommer i samma ordning. Det går snabbt med Tab, eftersom ordningen syns när du stegar igenom sidhuvudet.

• Understanding 3.2.3 Consistent Navigation hos W3C (på engelska)
• Kravet i W3C:s svenska översättning

Det svenska namnet kommer från W3C:s auktoriserade svenska översättning, som gäller WCAG 2.0. Kravet 3.2.3 har samma lydelse i WCAG 2.1.