കോൺട്രാസ്റ്റ് ചെക്കർ
WCAG കോൺട്രാസ്റ്റ് അനുപാതവും ഏതൊക്കെ AA, AAA ലെവലുകൾ പാസാകുന്നുവെന്നും കാണാൻ ഒരു ടെക്സ്റ്റും പശ്ചാത്തല നിറവും നൽകുക.
ഓരോ പരിശോധനയും നിങ്ങളുടെ ബ്രൗസറിലാണ് പ്രവർത്തിക്കുന്നത്. നിങ്ങൾ നൽകുന്നതൊന്നും BroBroGo-ലേക്ക് അപ്ലോഡ് ചെയ്യില്ല.
പതിവ് ചോദ്യങ്ങൾ
AA, AAA ഫലങ്ങൾ എന്താണ് അർത്ഥമാക്കുന്നത്?
മിക്ക സൈറ്റുകളും ലക്ഷ്യമിടുന്ന ലെവലാണ് AA: ഇതിന് സാധാരണ ടെക്സ്റ്റിന് കുറഞ്ഞത് 4.5:1 ഉം വലിയ ടെക്സ്റ്റിന് 3:1 ഉം അനുപാതം ആവശ്യമാണ്. AAA കൂടുതൽ കർശനമാണ് — സാധാരണ ടെക്സ്റ്റിന് 7:1 ഉം വലിയ ടെക്സ്റ്റിന് 4.5:1 ഉം. അനുപാതം 1:1 (കോൺട്രാസ്റ്റ് ഇല്ല) മുതൽ 21:1 (വെള്ളയിൽ കറുപ്പ്) വരെയാണ്.
വലിയ ടെക്സ്റ്റ് ആയി കണക്കാക്കുന്നത് എന്താണ്?
18pt (ഏകദേശം 24px) മുതലുള്ള ടെക്സ്റ്റ്, അല്ലെങ്കിൽ ബോൾഡ് ആണെങ്കിൽ 14pt (ഏകദേശം 18.5px). വലിയ ടെക്സ്റ്റ് കുറഞ്ഞ കോൺട്രാസ്റ്റിലും വ്യക്തമായി വായിക്കാൻ കഴിയും, അതിനാൽ ഇത് സാധാരണ ടെക്സ്റ്റിന്റെ കർശനമായ പരിധികൾക്ക് പകരം AA-ൽ 3:1 ലും AAA-ൽ 4.5:1 ലും പാസാകുന്നു.
എനിക്ക് ഏതൊക്കെ കളർ ഫോർമാറ്റുകൾ നൽകാം?
#1a1a1a പോലുള്ള ഒരു ഹെക്സ് മൂല്യമോ, rgb(26, 26, 26) പോലുള്ള ഒരു rgb() മൂല്യമോ, അല്ലെങ്കിൽ ഒരു hsl() മൂല്യമോ ടൈപ്പ് ചെയ്യുക — അല്ലെങ്കിൽ ഒരു നിറം തിരഞ്ഞെടുക്കാൻ ഏതെങ്കിലും സ്വാച്ചിൽ ക്ലിക്ക് ചെയ്യുക. ടെക്സ്റ്റ്, പശ്ചാത്തല നിറങ്ങൾ പരസ്പരം മാറ്റാൻ സ്വാപ്പ് ബട്ടൺ ഉപയോഗിക്കുക.
ഇത് WCAG 2 ആണോ അതോ പുതിയ APCA രീതിയാണോ?
ഇത് WCAG 2.1 / 2.2 ഫോർമുലയാണ് ഉപയോഗിക്കുന്നത്, ഇന്ന് ആക്സസിബിലിറ്റി നിയമങ്ങളും ഓഡിറ്റുകളും റഫറൻസ് ചെയ്യുന്നത് ഇതാണ്. WCAG 3-നായി ഇപ്പോഴും തയ്യാറാക്കിക്കൊണ്ടിരിക്കുന്ന പുതിയതും കൂടുതൽ പെർസെപ്ച്വൽ ആയതുമായ രീതിയാണ് APCA — ഇത് പ്രതീക്ഷ നൽകുന്നതാണെങ്കിലും ഇതുവരെ ഒരു കംപ്ലയൻസ് സ്റ്റാൻഡേർഡ് ആയിട്ടില്ല, അതിനാൽ ഇവിടെയുള്ള പാസ് ഫലങ്ങൾ അത് ഉപയോഗിക്കുന്നില്ല.