కలర్ బ్లైండ్‌నెస్ కాంట్రాస్ట్ చెకర్

కలర్ బ్లైండ్‌నెస్ కాంట్రాస్ట్ చెకర్

ఈ కాలిక్యులేటర్ ఏమి చేస్తుంది

మీ టెక్స్ట్ మరియు బ్యాక్‌గ్రౌండ్ రంగుల జత సాధారణ దృష్టికి మాత్రమే కాకుండా, అత్యంత సాధారణమైన నాలుగు రకాల కలర్ విజన్ లోపాలకు కూడా చదవదగినదిగా ఉంటుందో లేదో ఇది తనిఖీ చేస్తుంది: ప్రొటానోపియా (ఎరుపు-అంధత్వం), డ్యుటరనోపియా (ఆకుపచ్చ-అంధత్వం), ట్రైటానోపియా (నీలం-అంధత్వం), మరియు మోనోక్రోమసీ (పూర్తి కలర్ బ్లైండ్‌నెస్). దాదాపు ప్రతి 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 పాస్ అవ్వడం తక్కువ దృష్టి ఉన్న వినియోగదారులకు కూడా అదనపు వెసులుబాటునిస్తుంది.