આ ટૂલ વિશે
WCAG 2.1 ઍક્સેસિબિલિટી માર્ગદર્શિકા અનુસાર ફોરગ્રાઉન્ડ ટેક્સ્ટ અને બેકગ્રાઉન્ડ રંગો વચ્ચે રંગ કોન્ટ્રાસ્ટ રેશિયો તપાસો. હેક્સ કોડ્સ, RGB મૂલ્યો અથવા HSL મૂલ્યો તરીકે રંગો દાખલ કરો અને WCAG AA અને AAA અનુપાલન માટે સામાન્ય અને મોટા ટેક્સ્ટ સાઇઝમાં પાસ/ફેલ પરિણામો સાથે તરત જ કોન્ટ્રાસ્ટ રેશિયો જુઓ.
વારંવાર પૂછાતા પ્રશ્નો
- WCAG પાલન માટે કયો કોન્ટ્રાસ્ટ રેશિયો જરૂરી છે?
- WCAG AA ને સામાન્ય ટેક્સ્ટ માટે 4.5:1 અને મોટા ટેક્સ્ટ (18pt+ અથવા 14pt+ બોલ્ડ) માટે 3:1 ની જરૂર છે. WCAG AAA ને સામાન્ય ટેક્સ્ટ માટે 7:1 અને મોટા ટેક્સ્ટ માટે 4.5:1 ની જરૂર પડે છે. મહત્તમ શક્ય ગુણોત્તર 21:1 છે (સફેદ પર કાળો).
- રંગ કોન્ટ્રાસ્ટ શા માટે મહત્વ ધરાવે છે?
- પર્યાપ્ત કોન્ટ્રાસ્ટ સુનિશ્ચિત કરે છે કે ઓછી દ્રષ્ટિ, રંગ અંધત્વ અથવા તેજસ્વી સૂર્યપ્રકાશમાં સ્ક્રીન જોનારા વપરાશકર્તાઓ માટે ટેક્સ્ટ વાંચી શકાય તેવું છે. તે ઘણી વેબસાઇટ્સ માટે ADA અને EU ઍક્સેસિબિલિટી નિયમો હેઠળ કાનૂની જરૂરિયાત પણ છે.
- WCAG માં 'મોટા લખાણ' શું ગણવામાં આવે છે?
- મોટા ટેક્સ્ટને નિયમિત વજન માટે 18pt (24px) અને તેનાથી વધુ અથવા બોલ્ડ ટેક્સ્ટ માટે 14pt (18.66px) અને તેથી વધુ તરીકે વ્યાખ્યાયિત કરવામાં આવે છે. મોટા ટેક્સ્ટમાં નીચી કોન્ટ્રાસ્ટ આવશ્યકતાઓ હોય છે કારણ કે તે વાંચવા માટે સ્વાભાવિક રીતે સરળ છે.
- શું આ સાધન બિન-ટેક્સ્ટ ઘટકો માટે વિરોધાભાસ તપાસે છે?
- WCAG 2.1 ને UI ઘટકો અને ગ્રાફિકલ ઑબ્જેક્ટ્સ (બટનો, ચિહ્નો, ફોર્મ ફીલ્ડ્સ) માટે 3:1 કોન્ટ્રાસ્ટ રેશિયોની જરૂર છે. તમે તેને ચકાસવા માટે પણ આ ટૂલનો ઉપયોગ કરી શકો છો — ફક્ત ઘટક અને પૃષ્ઠભૂમિ રંગો દાખલ કરો.