Lenketøy-kontrast
Silktide finner lenker inne i teksten din som bare skiller seg fra ordene rundt dem ved hjelp av farge, men som har for liten fargeforskjell til at personer med nedsatt fargesyn kan oppdage dem. Lenker må kunne gjenkjennes som lenker, ellers kan ikke leserne bruke dem.
Hvorfor dette er viktig
Omtrent 1 av 12 menn og 1 av 200 kvinner har nedsatt fargesyn. Hvis det eneste som markerer en lenke, er en subtil fargeendring, ser disse leserne vanlig tekst og vet aldri at lenken finnes. Det betyr at navigasjon og handlingsoppfordringer går tapt, og at kravet på nivå A ikke oppfylles – dette er blant de mest grunnleggende kravene til tilgjengelighet.
Slik løser du det
Det finnes to måter å gjøre en innebygd lenke samsvarende på:
- Skill den ut med mer enn bare farge – den enkleste løsningen er en understreking, som er det de fleste lesere forventer at lenker har. En kantlinje, bakgrunn eller merkbart tykkere skrift fungerer også.
\/* Lenker som bare er avhengige av farge *\/
a { color: #4a6da7; text-decoration: none; }
\/* Løst: understreking gjør lenken synlig for alle *\/
a { color: #4a6da7; text-decoration: underline; }
- Bruk en tydelig annerledes farge sammen med en synlig fokus- og pekerfølsom tilstand – lenkefargen må ha et på minst 3:1 mot teksten rundt, og lenken må endres synlig (for eksempel få en understreking) når musepekeren holdes over den og ved .
Slik tester Silktide dette
- Finn synlige lenker som står inne i en tekstsekvens, med ord rett før eller etter dem. Frittstående lenker, for eksempel menyelementer og knapper, testes ikke av denne kontrollen.
- Hopp over lenker der lenkefargen, fargen på teksten rundt eller bakgrunnsfargen ikke kan fastslås på en pålitelig måte.
- Godkjenn lenker som er visuelt forskjellige uten bruk av farge: understreket, med kantlinje, med bakgrunn eller med en skriftvekt som er minst 200 enheter høyere enn teksten rundt.
- Mål ellers kontrastforholdet mellom lenkefargen og fargen på teksten rundt, og undersøk hvordan lenken endres ved fokus og når pekeren holdes over den. Rapporter lenken med mindre forholdet er minst 3:1 og fokus- eller pekerfølsom tilstand er synlig annerledes.
Feilsøking
Lenkeendringene mine ved pekerbevegelse – hvorfor blir de flagget?
En endring ved pekerbevegelse alene er ikke nok – lenken må også ha minst 3:1 fargekontrast mot teksten rundt. Selv samlet hjelper denne løsningen bare personer som kan oppfatte fargeforskjellen godt nok til å prøve å holde pekeren over lenken i utgangspunktet. En understreking er fortsatt den mest pålitelige løsningen.
Lenker i menyer og knapper blir ikke flagget
Det stemmer – denne kontrollen gjelder bare lenker som er omgitt av annen tekst, der leseren må skille lenken fra ordene rundt den. Lenker som står alene, kan identifiseres visuelt ut fra plasseringen og utformingen.