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

WCAG գույնի հակադրություն ստուգիչ `տեքստի հակադրության հարաբերակցությունը հաշվարկելու համար:

Հակադրություն հարաբերակցությունը 21:1

Նորմալ տեքստ

WCAG AA: Pass

WCAG AAA: Pass

Օրինակ, նորմալ տեքստը - 16px

Խոշոր տեքստ

WCAG AA: Pass

WCAG AAA: Pass

Օրինակ մեծ տեքստ 18pt/24px

Գրաֆիկական օբյեկտներ և օգտագործողի միջերեսի բաղադրիչներ

WCAG AA: Pass

Հաշվարկել հակադրություն հարաբերակցությունը նորմալ տեքստի չափի.
Հաշվարկել հակադրություն հարաբերակցությունը մեծ տեքստի չափի.
Հաշվարկեք հակադրություն հարաբերակցությունը օգտագործողի միջերեսի բաղադրիչների համար:
Ընտրեք գույնը գույնի ընտրիչից
Կարգավորեք գույնը Թեթեւություն

Ինչպես օգտագործել Contrast Checker- ը

Ընտրեք ֆոնի գույնը
Ընտրեք առաջին պլան գույնը
Անհրաժեշտության դեպքում կարգավորեք թեթևությունը
Ստուգեք աուդիտը նորմալ և մեծ տեքստի համար

ՀՏՀ

Ինչպես է աշխատում հակադրություն ստուգիչը:

Դուք պետք է գնահատեք տեքստի եւ ֆոնի գույնը: Ըստ WCAG 2.1 ուղեցույցների, դրանք են. Խոշոր տեքստ - 18px նվազագույն չափի տեքստը պահանջում է 3:1 հակադրություն հարաբերակցություն; Փոքր տեքստ - 18px- ից պակաս չափով տեքստը պահանջում է հակադրություն հարաբերակցություն 4.5:1:

Ինչու պետք է իմ կայքը ունենա բավարար գունային հակադրություն:

Տեքստը ֆոնի վրա ցածր հակադրություն հարաբերակցությամբ հաճախ դժվար է կարդալ. Սա ոչ միայն բացասաբար է ազդում տեսողական խանգարումներ ունեցողների վրա, այն իրականում անհարմարություններ է պատճառում բոլոր օգտագործողներին: Մեկ օրինակ է կարդալ տեքստը բջջային հեռախոսով դուրս մի արեւոտ օր.

Ի՞նչ է նշանակում կայքի մատչելիությունը:

Հասանելի կայքը կայք է, որը նախատեսված է այնպես, որ տեսողական կամ լսողության խանգարումներ ունեցող մարդիկ կարողանան օգտագործել այն առանց սահմանափակումների: Օրինակ, սա ապահովում է, որ կայքի բոլոր տարրերը ունենան բավարար գունային հակադրություն, այսինքն `տեքստի գույնը բավականին տարբերվում է ֆոնի գույնից:

Պատկերներն ու տեսանյութերը պետք է համապատասխանեն WCAG գունային հակադրության պահանջներին:

Որոշ գրաֆիկայի եւ ինտերֆեյսի բաղադրիչները պահանջում են առնվազն 3:1 հակադրություն հարաբերակցությունը Սակայն, սա չի ներառում լոգոները, դեկորատիվ պատկերներ, կամ ընդհանուր մեդիա ֆայլեր.

Ապրանքներ

Կայքեր

Մասին

Language

User Name

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

WCAG գույնի հակադրություն ստուգիչ `տեքստի հակադրության հարաբերակցությունը հաշվարկելու համար:

Նորմալ տեքստ

Խոշոր տեքստ

Գրաֆիկական օբյեկտներ և օգտագործողի միջերեսի բաղադրիչներ

Ինչպես օգտագործել Contrast Checker- ը

ՀՏՀ

Ինչպես է աշխատում հակադրություն ստուգիչը:

Ինչու պետք է իմ կայքը ունենա բավարար գունային հակադրություն:

Ի՞նչ է նշանակում կայքի մատչելիությունը:

Պատկերներն ու տեսանյութերը պետք է համապատասխանեն WCAG գունային հակադրության պահանջներին: