സൗജന്യ കൺവെർട്ടർ

വർണ്ണ കോൺട്രാസ്റ്റ് ചെക്കർ (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 കോൺട്രാസ്റ്റ് റേഷ്യോ ആവശ്യമാണ്. അവയും പരിശോധിക്കാൻ നിങ്ങൾക്ക് ഈ ടൂൾ ഉപയോഗിക്കാം - ഘടകവും പശ്ചാത്തല നിറങ്ങളും നൽകുക.