# Elementer skal have tilstrækkelig farvekontrast

<https://www.fixreports.com/da/issues/color-contrast>

WCAG 1.4.3 Contrast (Minimum) · Niveau AA

Noget tekst skiller sig ikke nok ud fra baggrunden til, at svagsynede kan læse den.

## 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
1. 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.
2. 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).
3. Vær særligt opmærksom på udsalgsmærker, pladsholdertekst, links i footeren og knapper oven på billeder.

### I Shopify
1. 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.
2. 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.
3. Vær særligt opmærksom på udsalgsmærker, pladsholdertekst, links i footeren og knapper oven på billeder.

### I WooCommerce og WordPress
1. 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.
2. 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).
3. 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.

## Kilder
- Dokumentation af axe-core-reglen (Deque): https://dequeuniversity.com/rules/axe/4.13/color-contrast
- Forklaring af WCAG 1.4.3 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum