WCAG 2.4.6 Rubriker och ledtexter/etiketter

Rubriker och etiketter ska beskriva ämnet eller syftet. Kriteriet kräver inte att det finns rubriker eller etiketter, det gör 1.3.1 och 3.3.2, men de som finns ska säga vad som följer. Den som använder skärmläsare hoppar ofta mellan rubrikerna eller går igenom fälten ett i taget, och får då bara rubriken eller etiketten att gå på.

• Produktsidans avsnitt heter ”Mer” och ”Info” i stället för till exempel ”Material och skötsel” och ”Leverans”.
• Flera fält i kassan heter ”Adress”, så att det inte går att skilja leveransadress från fakturaadress.
• Huvudrubriken på kategorisidan är butikens namn i stället för kategorins.
• Fältet för rabattkod har etiketten ”Kod” och står bredvid fältet för presentkort med samma etikett.
• Rubriken i varukorgen är ”Översikt” i stället för till exempel ”Din varukorg, 2 varor”.

Skriv rubriker och etiketter så att de går att förstå var för sig, utan att se resten av sidan. Börja med det viktigaste ordet.

<h2>Material och skötsel</h2>

<fieldset>
  <legend>Leveransadress</legend>
  <label for="lev-gata">Gatuadress för leverans</label>
  <input id="lev-gata" name="lev-gata" autocomplete="shipping street-address">
</fieldset>

<label for="rabattkod">Rabattkod</label>
<input id="rabattkod" name="rabattkod">

Gratistestet

Gratistestet letar efter det här i källkoden:

• Sidan saknar en huvudrubrik (h1).

Gratistestet larmar när en sida saknar huvudrubrik. Om rubriker och etiketter beskriver innehållet kan inget automatiskt test avgöra. Lista rubrikerna på produktsidan och i kassan, till exempel med ett tillägg i webbläsaren eller skärmläsarens rubriklista, och läs dem utan resten av sidan.

• Understanding 2.4.6 Headings and Labels 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 2.4.6 har samma lydelse i WCAG 2.1.