ఉచిత కన్వర్టర్

రంగు కాంట్రాస్ట్ చెకర్ (WCAG)

WCAG AA మరియు AAA యాక్సెసిబిలిటీ సమ్మతి కోసం రెండు రంగుల మధ్య కాంట్రాస్ట్ రేషియోని తనిఖీ చేయండి. ఉచితం, తక్షణం మరియు మీ బ్రౌజర్‌లో పూర్తిగా రన్ అవుతుంది.

నమూనా వచనం - సాధారణ పరిమాణం

నమూనా చిన్న వచనం — 14px

కాంట్రాస్ట్ రేషియో:21.00:1
WCAG AAసాధారణ వచనంపాస్
WCAG AAపెద్ద వచనంపాస్
WCAG AAAసాధారణ వచనంపాస్
WCAG AAAపెద్ద వచనంపాస్

ఈ సాధనం గురించి

WCAG 2.1 యాక్సెసిబిలిటీ మార్గదర్శకాల ప్రకారం ముందుభాగం వచనం మరియు నేపథ్య రంగుల మధ్య రంగు కాంట్రాస్ట్ నిష్పత్తులను తనిఖీ చేయండి. రంగులను హెక్స్ కోడ్‌లు, RGB విలువలు లేదా HSL విలువలుగా నమోదు చేయండి మరియు సాధారణ మరియు పెద్ద వచన పరిమాణాలలో WCAG AA మరియు AAA సమ్మతి కోసం పాస్/ఫెయిల్ ఫలితాలతో పాటు కాంట్రాస్ట్ రేషియోని తక్షణమే చూడండి.

ఎలా ఉపయోగించాలి

  1. రంగు పికర్ లేదా హెక్స్ ఇన్‌పుట్ ఉపయోగించి మీ ముందుభాగం (టెక్స్ట్) రంగును నమోదు చేయండి లేదా ఎంచుకోండి.
  2. మీ నేపథ్య రంగును నమోదు చేయండి లేదా ఎంచుకోండి.
  3. కాంట్రాస్ట్ రేషియో మరియు WCAG 2.1 AA/AAA పాస్/ఫెయిల్ ఫలితాలను తక్షణమే వీక్షించండి.
  4. మీరు కోరుకున్న సమ్మతి స్థాయిని సాధించే వరకు రంగులను సర్దుబాటు చేయండి.

తరచుగా అడిగే ప్రశ్నలు

WCAG సమ్మతి కోసం ఏ కాంట్రాస్ట్ రేషియో అవసరం?
WCAG AA సాధారణ టెక్స్ట్ కోసం 4.5:1 మరియు పెద్ద టెక్స్ట్ కోసం 3:1 (18pt+ లేదా 14pt+ బోల్డ్) అవసరం. WCAG AAAకి సాధారణ టెక్స్ట్ కోసం 7:1 మరియు పెద్ద టెక్స్ట్ కోసం 4.5:1 అవసరం. సాధ్యమయ్యే గరిష్ట నిష్పత్తి 21:1 (తెలుపుపై ​​నలుపు).
రంగు కాంట్రాస్ట్ ఎందుకు ముఖ్యం?
తగినంత కాంట్రాస్ట్ తక్కువ దృష్టి, వర్ణాంధత్వం లేదా ప్రకాశవంతమైన సూర్యకాంతిలో వీక్షించే స్క్రీన్‌లు ఉన్న వినియోగదారులకు టెక్స్ట్ చదవగలిగేలా నిర్ధారిస్తుంది. ఇది అనేక వెబ్‌సైట్‌లకు ADA మరియు EU యాక్సెసిబిలిటీ నిబంధనల ప్రకారం చట్టపరమైన అవసరం.
WCAGలో దేన్ని 'పెద్ద వచనం'గా పరిగణిస్తారు?
సాధారణ బరువు కోసం పెద్ద వచనం 18pt (24px) మరియు అంతకంటే ఎక్కువ లేదా బోల్డ్ టెక్స్ట్ కోసం 14pt (18.66px) మరియు అంతకంటే ఎక్కువ అని నిర్వచించబడింది. పెద్ద వచనం తక్కువ కాంట్రాస్ట్ అవసరాలను కలిగి ఉంటుంది, ఎందుకంటే ఇది చదవడం అంతర్లీనంగా సులభం.
ఈ సాధనం నాన్-టెక్స్ట్ మూలకాల కోసం కాంట్రాస్ట్‌ని తనిఖీ చేస్తుందా?
WCAG 2.1కి UI భాగాలు మరియు గ్రాఫికల్ వస్తువులు (బటన్‌లు, చిహ్నాలు, ఫారమ్ ఫీల్డ్‌లు) కోసం 3:1 కాంట్రాస్ట్ రేషియో అవసరం. మీరు వాటిని ధృవీకరించడానికి ఈ సాధనాన్ని ఉపయోగించవచ్చు - కేవలం భాగం మరియు నేపథ్య రంగులను నమోదు చేయండి.