Färgkontrastkontroll
Kontrollera om text faktiskt blir läsbar, enligt tillgänglighetsstandarden.
- Körs i din webbläsare — din text skickas aldrig någonstans
- Ingen registrering, inga kvoter, gratis att använda så ofta du vill
Så fungerar det
Ljusgrå text på vitt är det vanligaste tillgänglighetsfelet på webben, och det går helt att undvika. Tillgänglighetsriktlinjerna definierar kontrast som ett exakt förhållande, så om en kombination godkänns är en fråga om aritmetik snarare än åsikt.
Hur förhållandet beräknas
Varje färgs relativa luminans beräknas så som riktlinjerna anger — med gammakorrigering tillämpad per kanal — och förhållandet tas mellan den ljusare och den mörkare. Resultatet stämmer med vad en tillgänglighetsgranskning rapporterar, eftersom det är samma formel.
Tröskelvärdena
Normal text behöver 4,5:1 för AA och 7:1 för AAA. Stor text — ungefär 24px, eller 18,7px om fetstil — behöver bara 3:1 för AA och 4,5:1 för AAA. Gränssnittskomponenter och meningsfull grafik behöver 3:1. AA är vad de flesta organisationer och de flesta lagar kräver.
Varför stor text tillåts mindre
Större bokstavsformer har fler pixlar i varje drag, så de förblir läsbara vid lägre kontrast. Det är därför en rubrik kan använda en ljusare grå än brödtext kan.
Vad förhållandet inte fångar
Det säger ingenting om färgblindhet, som är en separat kontroll, och ingenting om huruvida texten är tillräckligt stor eller typsnittet läsbart. Ett godkänt förhållande är golvet, inte ett bevis på läsbar design.
Färgkontrastkontroll — frågor
Vilket kontrastförhållande behöver jag?
4,5:1 för normal text på nivå AA, 3:1 för stor text. AAA höjer dem till 7:1 och 4,5:1.
Vad räknas som stor text?
Ungefär 24px och uppåt, eller 18,7px och uppåt om fetstil.
Betyder godkänt att min design är tillgänglig?
Nej. Kontrast är ett krav bland många; det säger ingenting om färgblindhet, textstorlek eller läsbarhet.