Kontrast (utökad)
AAA-nivå för kontrast: 7:1 för brödtext, 4,5:1 för stor text. Strängare krav än 1.4.3, avsett för användare med betydande nedsatt syn som behöver högre kontrast för att läsa bekvämt.
Vad det kräver
På AAA-nivå måste brödtext ha 7:1 i kontrast och stor text (18pt / 14pt fet) måste ha 4,5:1. Samma undantag gäller som i 1.4.3 — logotyper, dekorativ text, inaktiva kontroller — men kravet är ungefär dubbelt så strängt. Utformat för användare med måttlig till svår nedsatt syn, där 4,5:1 fortfarande är svårt att läsa i dålig belysning.
Hur du uppfyller det
- Använd ett kontrastkontrollverktyg som visar godkänt/underkänt för både AA och AAA; sikta på AAA-kolumnen.
- För brödtext på vitt klarar en förgrundsfärg mörkare än
#595959vanligen 7:1. - I mörkt läge klarar en förgrundsfärg ljusare än
#b3b3b3på nästan svart vanligen kravet. - Använd rent svart på rent vitt där varumärket tillåter — det ger det säkraste förhållandet 21:1.
- Para ihop AAA-kontrast med en användarstyrd växling om det högkontrastiga läget skulle krocka med varumärket i standardtemat.
Vanliga fel
- Mellangråa brödtextfärger (
#666) som klarar 4,5:1 men underkänns på 7:1 — ett nästan-godkänt är fortfarande underkänt. - CTA-knappar i varumärkesfärg som når 4,5:1 men inte 7:1 — de allra flesta gör inte det.
- Högkontrasttema som underkänns på icke-textkontrast (1.4.11) trots att textkontrasten klarar kravet.
Varför det spelar roll
AAA krävs sällan avtalsmässigt, men stöd för högkontrastteman förväntas i allt högre grad i statliga och hjälpmedelstunga sammanhang. Det renaste tillvägagångssättet är att erbjuda ett valbart högkontrasttema som uppfyller 7:1 utan att tvinga standardtemat bort från varumärket.