Färgkontrastkontroll

Det här är en WCAG-kontrastkontroll som visar den exakta kontrastkvoten mellan en textfärg och en bakgrundsfärg, och om den uppfyller tillgänglighetsnivåerna AA och AAA. Välj färger med färgrutan eller med hex-kod och se en direktförhandsvisning.

Justera de två färgerna tills märkena klarar den nivå du behöver, och resultatet uppdateras direkt medan du arbetar.

Text som ligger för nära sin bakgrund i ljushet är svår eller omöjlig att läsa, särskilt för personer med nedsatt syn eller färgseendebrister, eller för någon med en telefon i starkt solljus. Tillräcklig kontrast håller ditt innehåll läsbart för alla.

Riktlinjerna för webbinnehålls tillgänglighet (WCAG) sätter standarden. AA, den nivå de flesta webbplatser siktar på och som många tillgänglighetslagar hänvisar till, kräver en kvot på 4,5:1 för normal text och 3:1 för stor text. AAA är strängare med 7:1 och 4,5:1.

Stor text får en lägre tröskel eftersom större bokstäver förblir läsbara vid mindre kontrast. Den räknas som stor vid ungefär 24px (18pt), eller 18,66px (14pt) när den är fetstil.

Kvoten kommer från de två färgernas relativa luminans med hjälp av den officiella WCAG-formeln, och ger ett värde från 1:1 (ingen kontrast, identiska färger) upp till 21:1 (svart på vitt).

Allt beräknas i din webbläsare, så det är direkt och privat. Inget du väljer laddas upp någonstans.