કોન્ટ્રાસ્ટ ચેકર

WCAG કોન્ટ્રાસ્ટ રેશિયો અને કયા AA કે AAA લેવલ પાસ થાય છે તે જોવા માટે લખાણ અને બેકગ્રાઉન્ડનો રંગ દાખલ કરો.

કોન્ટ્રાસ્ટ રેશિયો
સામાન્ય લખાણ (Normal text)AA4.5:1
સામાન્ય લખાણ (Normal text)AAA7:1
મોટું લખાણ (Large text)AA3:1
મોટું લખાણ (Large text)AAA4.5:1
UI અને ગ્રાફિક્સ3:1
ચેક કરવા માટે લખાણ અને બેકગ્રાઉન્ડનો રંગ દાખલ કરો.

દરેક ટેસ્ટ તમારા બ્રાઉઝરમાં જ રન થાય છે. તમે દાખલ કરેલી કોઈપણ માહિતી BroBroGo પર અપલોડ થતી નથી.

વારંવાર પૂછાતા પ્રશ્નો

AA અને AAA પરિણામોનો અર્થ શું થાય છે?

મોટાભાગની સાઇટ્સ AA લેવલ મેળવવાનો લક્ષ્ય રાખે છે: સામાન્ય લખાણ માટે ઓછામાં ઓછો 4.5:1 અને મોટા લખાણ માટે 3:1 નો રેશિયો હોવો જરૂરી છે. AAA વધુ કડક છે — સામાન્ય લખાણ માટે 7:1 અને મોટા લખાણ માટે 4.5:1. આ રેશિયો 1:1 (કોઈ કોન્ટ્રાસ્ટ નહીં) થી 21:1 (સફેદ પર કાળું) સુધીનો હોય છે.

મોટું લખાણ (large text) કોને ગણવામાં આવે છે?

18pt (આશરે 24px) કે તેથી વધુ કદનું લખાણ, અથવા જો બોલ્ડ હોય તો 14pt (આશરે 18.5px) નું લખાણ. મોટું લખાણ ઓછા કોન્ટ્રાસ્ટમાં પણ સરળતાથી વાંચી શકાય છે, તેથી તે સામાન્ય લખાણના કડક નિયમોને બદલે 3:1 પર AA અને 4.5:1 પર AAA પાસ કરે છે.

હું કયા કલર ફોર્મેટ્સ દાખલ કરી શકું છું?

#1a1a1a જેવી હેક્સ વેલ્યુ, rgb(26, 26, 26) જેવી RGB વેલ્યુ અથવા HSL વેલ્યુ ટાઈપ કરો — અથવા રંગ પસંદ કરવા માટે કલર બોક્સ પર ક્લિક કરો. લખાણ અને બેકગ્રાઉન્ડના રંગોને પરસ્પર બદલવા માટે સ્વેપ (swap) બટનનો ઉપયોગ કરો.

શું આ WCAG 2 છે કે નવી APCA પદ્ધતિ?

આ ટૂલ WCAG 2.1 / 2.2 ફોર્મ્યુલાનો ઉપયોગ કરે છે, જેનો આજે એક્સેસિબિલિટી નિયમો અને ઓડિટમાં સંદર્ભ લેવામાં આવે છે. APCA એ એક નવી પદ્ધતિ છે જે હજી WCAG 3 માટે ડ્રાફ્ટ થઈ રહી છે — તે આશાસ્પદ છે, પરંતુ હજી સુધી સત્તાવાર સ્ટાન્ડર્ડ નથી, તેથી અહીંના પરિણામોમાં તેનો ઉપયોગ થતો નથી.