Ընտրել լեզուն

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

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

Առաջին պլան գույնը

Խնդրում ենք մուտքագրել վավեր hex եռապատկիչ , կամ օգտագործել գույնի ընտրիչը:

Ֆոնի գույնը

Խնդրում ենք մուտքագրել վավեր hex եռապատկիչ , կամ օգտագործել գույնի ընտրիչը:

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

Նորմալ տեքստ

WCAG AA: Pass

WCAG AAA: Pass

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

Խոշոր տեքստ

WCAG AA: Pass

WCAG AAA: Pass

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

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

WCAG AA:  Pass

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

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

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

ՀՏՀ

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

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

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

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

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

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

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

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

© Smallize Pty Ltd 2022-2024. All Rights Reserved.