🌓Farvekontrast-kontrollør

Hvad er kontrastforhold?

Kontrastforhold er et mål, der udtrykker forskellen i lysstyrke mellem tekstfarve og baggrundsfarve på en skala fra 1:1 til 21:1. Kombinationen af sort og hvid giver det maksimale forhold på 21:1, og samme farve giver det mindste forhold på 1:1.

• Sådan beregnes det：Kontrastforholdet beregnes ved at konvertere de to farver til relativ luminans i sRGB, lægge 0,05 til hver lysstyrke og derefter dividere den lysere med den mørkere.
• Vejledende værdier：For hvid baggrund (#FFFFFF) er grå #777777 4,47:1, #999999 er 2,84:1, og sort (#000000) er 21:1 kontrastforhold.

Forskel mellem WCAG AA og AAA

WCAG er internationale retningslinjer for webtilgængelighed, og de fastlægger godkendelseskriterierne for kontrastforhold i to niveauer: AA og AAA.

• AA (standardniveau)：AA kræver 4,5:1 eller derover for normal tekst og 3,0:1 eller derover for stor tekst, og det er det niveau, som almindelige websteder stræber efter.
• AAA (mere stringent niveau)：AAA kræver 7:1 eller derover for normal tekst og 4,5:1 eller derover for stor tekst og sigter mod at gøre det læseligt for folk med dårligt syn.

Definition af stor tekst

Stor tekst i WCAG refererer til tekst, der er cirka 18 point (24px) eller større, eller fed tekst på 14 point (cirka 18,7px) eller større.

• Normal tekst：Normal tekst er tekst, der ikke opfylder definitionen af stor tekst, såsom løbetekst og noter, og kræver et kontrastforhold på 4,5:1 eller derover.
• Forhold til overskrifter：Selv overskrifter behandles som normal tekst, hvis de er mindre end 24px og ikke er fede, så både størrelse og vægt skal kontrolleres.