Կոնտրաստի ստուգիչ

Մուտքագրե՛ք տեքստի և ֆոնի գույները՝ տեսնելու WCAG կոնտրաստի հարաբերակցությունը և թե որ AA ու AAA մակարդակներն են համապատասխանում:

Կոնտրաստի հարաբերակցությունը
Սովորական տեքստAA4.5:1
Սովորական տեքստAAA7:1
Խոշոր տեքստAA3:1
Խոշոր տեքստAAA4.5:1
Օգտատիրոջ ինտերֆեյս և գրաֆիկա3:1
Մուտքագրե՛ք տեքստի և ֆոնի գույները՝ ստուգելու համար:

Յուրաքանչյուր ստուգում կատարվում է Ձեր բրաուզերում: Ձեր մուտքագրած տվյալներից ոչինչ չի վերբեռնվում 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 հարաբերակցությամբ՝ սովորական տեքստի ավելի խիստ շեմերի փոխարեն:

Գույնի ո՞ր ձևաչափերը կարող եմ մուտքագրել:

Մուտքագրե՛ք hex արժեք, օրինակ՝ #1a1a1a, rgb() արժեք, օրինակ՝ rgb(26, 26, 26), կամ hsl() արժեք, կամ կտտացրե՛ք նմուշներից մեկին՝ գույն ընտրելու համար: Օգտագործե՛ք տեղափոխման կոճակը՝ տեքստի և ֆոնի գույները տեղերով փոխելու համար:

Արդյո՞ք սա WCAG 2-ն է, թե՞ նոր APCA մեթոդը:

Այն օգտագործում է WCAG 2.1 / 2.2 բանաձևը, որին այսօր հղում են անում հասանելիության կանոններն ու աուդիտները: APCA-ն ավելի նոր, տեսողական ընկալման վրա հիմնված մեթոդ է, որը դեռ մշակվում է WCAG 3-ի համար. այն խոստումնալից է, բայց դեռևս համապատասխանության ստանդարտ չէ, ուստի այստեղ անցողիկ արդյունքները չեն օգտագործում այն: