Hva kreves i praksis?
Farge kan ikke være det eneste kjennetegnet på meningende — for eksempel lenker, påkrevde felt eller feil. Kravet gjelder sider som brukes i Norge, uavhengig av om du er offentlig virksomhet, butikk eller byrå som leverer nettsiden.
Vanlige feil og avvik
- Lenker i brødtekst som bare er blå, uten understrek eller annen markør.
- Feil i skjema vist kun med rød ramme.
- Graf som skiller serier bare med farge.
Før og etter — kodeeksempler
Eksemplene er forenklet. Lim inn mønsteret, ikke nødvendigvis klassenavnene, i din egen kodebase.
Feil kode — bryter WCAG
Lenken skilles bare med farge. Feilen vises bare som rød kant — uten tekst.
Feil eksempel
<p>Les mer i <a href="/vilkar" class="text-blue-600 no-underline">vilkårene</a>.</p>
<input type="email" class="border-red-600" aria-invalid="true">Riktig kode — utbedret
Lenken har understrek. Feilen har både ramme, ikon og tekst knyttet med aria-describedby.
Riktig eksempel
<p>Les mer i <a href="/vilkar" class="underline">vilkårene</a>.</p>
<label for="epost">E-post</label>
<input id="epost" type="email" aria-invalid="true" aria-describedby="epost-feil">
<p id="epost-feil">Skriv inn en gyldig e-postadresse.</p>Hvordan UUvakta tester dette
UUvakta kan flagge lenker i tekstblokk som bare skilles med farge (link-in-text-block). Feil som kun vises med farge i grafer og statusbadges krever manuell gjennomgang. Vi anbefaler alltid tekst i badges og synlig understrek på brødtekstlenker.