# Element måste uppfylla tröskelvärdena för minsta färgkontrast

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

WCAG 1.4.3 Kontrast (minimum) · nivå AA

En del text skiljer sig inte tillräckligt från bakgrunden för att kunna läsas av personer med nedsatt syn.

## Vad regeln kontrollerar
Säkerställ att kontrasten mellan förgrunds- och bakgrundsfärger uppfyller tröskelvärdena för WCAG 2 AA minimikontrast.

## Därför spelar det roll
WCAG 1.4.3 kräver ett kontrastförhållande på minst 4.5:1 för normal text och 3:1 för stor text. Bleka priser, märken och banners är svåra att läsa för personer med nedsatt syn, och för alla i starkt ljus.

## Så åtgärdar du det
### På valfri webbplats
1. Hitta texten med låg kontrast och notera dess text- och bakgrundsfärg: ett kontrastverktyg eller webbläsarens utvecklarverktyg visar båda.
2. Ändra text- eller bakgrundsfärgen i temats CSS tills förhållandet är minst 4.5:1 (3:1 för text som är 24px eller större, eller 18,66px i fetstil).
3. Var särskilt uppmärksam på reamärken, platshållartext, länkar i sidfoten och knappar ovanpå bilder.

### I Shopify
1. Hitta texten med låg kontrast och notera dess text- och bakgrundsfärg: ett kontrastverktyg eller webbläsarens utvecklarverktyg visar båda.
2. Under Onlinebutik > Teman > Anpassa > Temainställningar > Färger (Online Store > Themes > Customize > Theme settings > Colors) gör du textfärgen mörkare eller bakgrunden ljusare i det berörda färgschemat tills förhållandet är minst 4.5:1.
3. Var särskilt uppmärksam på reamärken, platshållartext, länkar i sidfoten och knappar ovanpå bilder.

### I WooCommerce och WordPress
1. Hitta texten med låg kontrast och notera dess text- och bakgrundsfärg: ett kontrastverktyg eller webbläsarens utvecklarverktyg visar båda.
2. Ändra text- eller bakgrundsfärgen i temats CSS tills förhållandet är minst 4.5:1 (3:1 för text som är 24px eller större, eller 18,66px i fetstil).
3. Var särskilt uppmärksam på reamärken, platshållartext, länkar i sidfoten och knappar ovanpå bilder.

## Så kontrollerar du åtgärden
- Kör skanningen igen och bekräfta att color-contrast inte längre visas.
- Stickprovskontrollera de exakta färgerna med ett kontrastverktyg.

## Källor
- Dokumentation för axe-core-regeln (Deque): https://dequeuniversity.com/rules/axe/4.13/color-contrast
- Förklaring av WCAG 1.4.3 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum