வண்ண மாறுபாடு சரிபார்ப்பி
இலவச வண்ண மாறுபாடு சரிபார்ப்பி: உரை/பின்னணி வண்ணங்கள் WCAG 2.2 AA, AAA-ஐ நிறைவு செய்கின்றனவா என சோதித்து, விகிதத்தையும் தேறும் நெருங்கிய வண்ணத்தையும் பெறுங்கள்.
இது ஒரு பத்தியின் அளவிலான சாதாரண உரை.
பெரிய உரை
பொத்தான்| AA | AAA | |
|---|---|---|
| சாதாரண உரை | ||
| பெரிய உரை (24 px, அல்லது தடித்த 18.7 px) | ||
| ஐகான்கள் மற்றும் இடைமுக எல்லைகள் | — |
இது என்ன செய்கிறது
இந்தச் சரிபார்ப்பி, பல அணுகல்தன்மைச் சட்டங்களில் பயன்படுத்தப்படும் WCAG 2.2 அணுகல்தன்மை வழிகாட்டுதல்களின் சூத்திரத்தைக் கொண்டு, உரை வண்ணத்திற்கும் அதன் பின்னணிக்கும் இடையிலான மாறுபாட்டை அளவிடுகிறது. 1:1 (மாறுபாடு இல்லை) முதல் 21:1 (வெள்ளையில் கருப்பு) வரையிலான மாறுபாட்டு விகிதத்தையும், சாதாரண உரை, பெரிய உரை மற்றும் ஐகான்கள், எல்லைகள் போன்ற இடைமுகக் கூறுகளுக்கு அந்த இணை AA, AAA நிலைகளில் தேறுகிறதா என்பதையும் காட்டுகிறது. ஓர் இணை தோல்வியுற்றால், அதே சாயலில் தேறும் நெருங்கிய வண்ணத்தைப் பரிந்துரைக்கிறது.
எப்படிப் பயன்படுத்துவது
- உரை வண்ணத்தையும் பின்னணி வண்ணத்தையும் உள்ளிடுங்கள் அல்லது தேர்ந்தெடுங்கள்.
- மாறுபாட்டு விகிதத்தையும் AA, AAA முடிவுகளையும் படித்து, நேரடி முன்னோட்டத்தைச் சரிபாருங்கள்.
- தோல்வியுற்றால், பரிந்துரைக்கப்பட்ட வண்ணத்தில் “பயன்படுத்து” என்பதை அழுத்தி, முடிவைப் பகிர இணைப்பை நகலெடுங்கள்.
அடிக்கடி கேட்கப்படும் கேள்விகள்
எனக்கு எந்த மாறுபாட்டு விகிதம் தேவை?
வழக்கமான சட்ட இலக்கான AA நிலைக்கு, சாதாரண உரைக்கு 4.5:1, பெரிய உரை மற்றும் ஐகான்கள், இடைமுக எல்லைகளுக்கு 3:1 தேவை. AAA நிலைக்கு, சாதாரண உரைக்கு 7:1, பெரிய உரைக்கு 4.5:1 தேவை.
எது பெரிய உரையாகக் கருதப்படுகிறது?
குறைந்தது 24 CSS பிக்சல் (18 புள்ளிகள்) அளவுள்ள உரை, அல்லது தடித்ததாக இருந்தால் குறைந்தது சுமார் 18.7 CSS பிக்சல் (14 புள்ளிகள்). தலைப்புகள் பெரும்பாலும் பெரியவை; உடல் உரை பொதுவாக அப்படி இல்லை.
வெள்ளையில் #777777 ஏன் தோல்வியடைகிறது?
அதன் விகிதம் 4.47:1, சாதாரண உரைக்குத் தேவையான 4.5:1-ஐ விடச் சற்றுக் குறைவு. விகிதங்கள் மேல்நோக்கி முழுமையாக்கப்படுவதில்லை; எனவே #767676 (4.54:1) போன்ற சற்று அடர்ந்த சாம்பல்தான் வெள்ளையில் தேறும் மிக இலேசான சாம்பல்.
W3C — WCAG 2.2, 1.4.3 Contrast (Minimum)
W3C — WCAG 2.2, 1.4.11 Non-text Contrast