Färgkontrastkontroll

WCAG-färgkontrastkontrollen verifierar om kontrastförhållandet mellan text- och bakgrundsfärger uppfyller Web Content Accessibility Guidelines (WCAG) 2.1-standarder. AA-efterlevnad kräver ett förhållande på 4,5:1 för normal text, och AAA kräver 7:1. Detta är viktigt för att göra webbinnehåll tillgängligt för användare med nedsatt syn eller färgblindhet.

Bläddra bland alla Utvecklare-verktyg

Så använder du

Ange hex-, RGB- eller HSL-färger för förgrund (text) och bakgrund. Verktyget beräknar omedelbart kontrastförhållandet och visar godkänd/underkänd-status för WCAG AA- och AAA-nivåer. Använd bytknappen för att vända färgerna. Bläddra bland föreslagna tillgängliga färgalternativ om din kombination underkänns.

Vanliga användningsområden

• •Säkerställa att webbdesigner uppfyller WCAG 2.1-tillgänglighetskrav
• •Verifiera läsbarhet för knapp- och länktext mot bakgrunder
• •Förbereda tillgängliga PDF:er och presentationer
• •Kontrollera formuläretiketter och inmatningstext för efterlevnad
• •Validera varumärkesfärgkombinationer för inkluderande design

Ta en paus och spela gratis webbläsarspel