WCAG 2.1 AA Checklista

Alla bilder har beskrivande alt-text. Dekorativa bilder använder alt="".

Tillhandahåll textavskrift eller ljudbeskrivning för förinspelad media.

Alla förinspelade videor har synkroniserade undertexter.

Förinspelad video har ljudbeskrivning av visuellt innehåll.

Utökade ljudbeskrivningar för komplext visuellt innehåll i video.

Färg är inte det enda sättet att förmedla information (t.ex. feltillstånd använder även ikoner/text).

Text har minst 4,5:1 kontrastförhållande. Stor text (18px+) kräver 3:1.

Text kan förstoras till 200 % utan förlust av innehåll eller funktionalitet.

Gränssnittskomponenter och grafik har minst 3:1 kontrastförhållande.

All funktionalitet kan nås via enbart tangentbordet (ingen mus krävs).

Användare kan navigera bort från alla komponenter med tangentbordet.

Tillhandahåll en "hoppa till huvudinnehåll"-länk.

Fokus flyttas i en logisk, meningsfull ordning.

Tangentbordsfokusindikatorn syns på alla interaktiva element.

Formulärfält använder korrekta <label>-element. Rubriker använder semantisk HTML (h1-h6).

Formulärfel identifieras tydligt och beskrivs i text.

Alla formulärfält har synliga etiketter (inte bara platshållare).

Anpassade gränssnittskomponenter har korrekta ARIA-roller, namn och tillstånd.

Läsordningen i DOM:en matchar den visuella presentationen.

Varje sida har en beskrivande, unik <title>.

Rubriker och etiketter beskriver ämne eller syfte.

Attributet lang är satt på <html>-elementet.

Innehåll på ett annat språk markeras med lang-attribut.