Hvad denne regel tjekker
Sørg for, at kontrasten mellem forgrunds- og baggrundsfarver opfylder minimumsgrænserne for kontrastforhold i WCAG 2 AA.
Hvorfor det er vigtigt
WCAG 1.4.3 kræver et kontrastforhold på mindst 4.5:1 for normal tekst og 3:1 for stor tekst. Svage priser, mærker og bannere er svære at læse for svagsynede og for alle i skarpt lys.
Sådan retter du det
På enhver hjemmeside
- Find teksten med for lav kontrast, og notér dens tekst- og baggrundsfarve: et kontrastværktøj eller din browsers udviklerværktøjer viser begge.
- Ret tekst- eller baggrundsfarven i dit temas CSS, indtil forholdet er mindst 4.5:1 (3:1 for tekst på 24px og derover eller 18,66px med fed skrift).
- Vær særligt opmærksom på udsalgsmærker, pladsholdertekst, links i footeren og knapper oven på billeder.
I Shopify
- Find teksten med for lav kontrast, og notér dens tekst- og baggrundsfarve: et kontrastværktøj eller din browsers udviklerværktøjer viser begge.
- I Onlinebutik > Temaer > Tilpas > Temaindstillinger > Farver gør du tekstfarven mørkere eller baggrunden lysere for det berørte farveskema, indtil forholdet er mindst 4.5:1.
- Vær særligt opmærksom på udsalgsmærker, pladsholdertekst, links i footeren og knapper oven på billeder.
Sådan tjekker du rettelsen
- Kør scanningen igen, og bekræft, at color-contrast ikke længere vises.
- Lav et stikprøvetjek af de præcise farver med et kontrastværktøj.
Sådan finder FixReports det
Vores scanning kører axe-core-reglen color-contrast i en rigtig Chrome-browser på hver side, den tester, og rapporterer hvert element, der fejler, med siden, markuppen og, hvor det er relevant, et skærmbillede.
En automatisk test bekræfter, at netop dette problem findes. Den kan ikke afgøre, om resten af siden er tilgængelig: nogle barrierer viser sig først, når et menneske tjekker siden.