நிறக்குருடு மாறுபாடு சரிபார்ப்பான்

நிறக்குருடு மாறுபாடு சரிபார்ப்பான்

இந்த கால்குலேட்டர் என்ன செய்கிறது

உங்கள் உரை மற்றும் பின்னணி வண்ண இணை, சாதாரண பார்வைக்கு மட்டுமல்லாமல், மிகவும் பொதுவான நான்கு வகையான நிற பார்வைக் குறைபாடுகளிலும் படிக்கக் கூடியதாக இருக்கிறதா என்பதை இது சரிபார்க்கிறது: ப்ரோட்டானோபியா (சிவப்பு-குருடு), டியூட்டரானோபியா (பச்சை-குருடு), டிரைட்டானோபியா (நீலம்-குருடு), மற்றும் மோனோக்ரோமசி (முழு நிறக்குருடு). ஏறத்தாழ 12 ஆண்களில் 1 பேருக்கும், 200 பெண்களில் 1 பேருக்கும் ஏதாவது ஒரு வகையான நிற பார்வைக் குறைபாடு உள்ளது, எனவே உங்களுக்கு அதிக மாறுபாடாகத் தெரியும் ஒரு வண்ண இணை, உங்கள் பார்வையாளர்களில் குறிப்பிடத்தக்க பகுதியினருக்கு கிட்டத்தட்ட ஒரே மாதிரியான நிறங்களாக மாறக்கூடும். சாதாரண மாறுபாடு சரிபார்ப்பான்கள் நீங்கள் உள்ளிட்ட நிறங்களை மட்டுமே சோதிக்கின்றன — இந்த கருவி அந்த நிறங்கள் ஒவ்வொரு நிலையிலும் எப்படி உணரப்படுகின்றன என்பதையும் உருவகப்படுத்தி, ஒவ்வொரு சூழ்நிலைக்கும் WCAG மாறுபாட்டை மீண்டும் சரிபார்க்கிறது.

உருவகப்படுத்தல் எப்படி வேலை செய்கிறது

ஒவ்வொரு நிற பார்வைக் குறைபாடும், உங்கள் உரை மற்றும் பின்னணி நிறங்களின் sRGB மதிப்புகளை, அந்த நிலை நிற சிக்னலை எப்படி சுருக்குகிறது என்பதை தோராயமாகக் காட்டும் ஒரு நிலையான மேட்ரிக்ஸ் மூலம் மாற்றி உருவகப்படுத்தப்படுகிறது:

$$\begin{bmatrix} R' \\ G' \\ B' \end{bmatrix} = M_{\text{deficiency}} \times \begin{bmatrix} R \\ G \\ B \end{bmatrix}$$

முழு நிறக்குருடு பார்வையாளர் பிரகாசத்தின் மாறுபாட்டை மட்டுமே நம்பியிருப்பதால், மோனோக்ரோமசி இரு நிறங்களையும் அவற்றின் உணர்வுசார் ஒளிர்வுக்கு (கருப்பு-வெள்ளை) மாற்றி உருவகப்படுத்தப்படுகிறது:

$$Y = 0.299R + 0.587G + 0.114B$$

மாறுபாடு விகிதம் மற்றும் WCAG வரம்புகள்

மூல நிறங்களுக்கும் ஒவ்வொரு உருவகப்படுத்தப்பட்ட மாறுபாட்டிற்கும், நிலையான WCAG தொடர்புடைய ஒளிர்வு சூத்திரத்தைப் பயன்படுத்தி மாறுபாடு கணக்கிடப்படுகிறது:

$$L = 0.2126 R_{\text{lin}} + 0.7152 G_{\text{lin}} + 0.0722 B_{\text{lin}}$$ $$\text{Contrast Ratio} = \frac{L_{\text{lighter}} + 0.05}{L_{\text{darker}} + 0.05}$$

இந்த விகிதம் பின்னர் நீங்கள் தேர்ந்தெடுத்த உரை அளவிற்கான WCAG 2.1 வரம்புகளுக்கு எதிராக சரிபார்க்கப்படுகிறது:

உரை அளவு	AA (குறைந்தபட்சம்)	AAA (மேம்படுத்தப்பட்ட)
சாதாரண உரை	4.5 : 1	7 : 1
பெரிய உரை (18pt+/24px+, அல்லது தடித்த 14pt+/18.66px+)	3 : 1	4.5 : 1

இதை எப்படி பயன்படுத்துவது

1. உங்கள் உரை நிறம் மற்றும் பின்னணி நிறத்தை தேர்ந்தெடுக்கவும்.
2. இந்த இணை பயன்படுத்தப்படும் உரை அளவு வகையைத் தேர்ந்தெடுக்கவும்.
3. சமர்ப்பித்து, சாதாரண பார்வைக்கும் நான்கு குறைபாடு வகைகளுக்கும் மொத்த முடிவு, உருவகப்படுத்தப்பட்ட நிறங்கள் மற்றும் மாறுபாடு விகித விவரங்கள், மற்றும் WCAG AA க்கான விரைவான பாஸ்/ஃபெயில் செக்லிஸ்டைப் பார்க்கவும்.

எடுத்துக்காட்டு

#FFFFFF பின்னணியில் #1A73E8 (பொதுவான "லிங்க் நீலம்") உரை, சாதாரண பார்வையில் சாதாரண உரைக்கு WCAG AA-ஐ கடக்கிறது, ஆனால் டியூட்டரானோபியாவில் இந்த நீலம் சாம்பல் நிறத்தை நோக்கி மாறி, வெள்ளையிலிருந்து போதுமான ஒளிர்வு வேறுபாட்டை இழக்கிறது, இதனால் திறமையான மாறுபாடு விகிதம் குறைகிறது — படிவத்திற்குக் கீழே உள்ள அட்டவணை இது எவ்வளவு என்பதைத் துல்லியமாகக் காட்டுகிறது, இதனால் அனுப்பும் முன் நீலத்தை அடர்த்தியாக்க வேண்டுமா அல்லது எழுத்துரு அளவை அதிகரிக்க வேண்டுமா என முடிவு செய்யலாம்.

குறிப்புகள்

• இந்த கருவி பிறவி நிற பார்வைக் குறைபாடுகளை நன்கு நிறுவப்பட்ட தோராய மேட்ரிக்ஸ்கள் மூலம் உருவகப்படுத்துகிறது; தனிநபர் உணர்வு வேறுபடும், மேலும் இந்த உருவகப்படுத்தல் முடிந்தவரை உண்மையான பயனர்களுடன் சோதனைக்கு மாற்றாக இல்லை.
• ஒரு குறைபாடு வகையில் மட்டும் தோல்வியடையும் நிற இணையையும் சரிசெய்வது மதிப்புமிக்கது — டியூட்டரானோபியா மட்டும் உலக மக்கள் தொகையில் சுமார் 1% பேரை பாதிக்கிறது, இது பிற அணுகல்தன்மை வழிகாட்டுதல்களால் கையாளப்படும் பல இயலாமைகளை விட அதிகம்.
• அட்டவணையின் ஒவ்வொரு வரிசையும் AA-ஐ கடந்தால், அந்த இணை அந்த உரை அளவில் நிறக்குருடு வாசகர்களுக்கு பாதுகாப்பாக அனுப்பலாம்; எல்லா இடங்களிலும் AAA கடப்பது குறைந்த பார்வையுடையவர்களுக்கும் கூடுதல் பாதுகாப்பை அளிக்கிறது.