Անվճար գործիք · WCAG 2.2

Գունային հակադրության (կոնտրաստի) ստուգիչ

Ստուգեք գույների համադրությունը WCAG 2.2 ստանդարտներով: Ապահովեք ձեր կայքի ընթեռնելիությունը բոլորի համար:

Sample paragraph at 14px — the size most marketing copy ships at.

Body text at 16px — the WCAG default for “normal”.

Large text · 24px bold

Contrast ratio

17.85:1

  • Pass · AA · normal text (≥ 4.5)
  • Pass · AA · large text (≥ 3.0)
  • Pass · AAA · normal text (≥ 7.0)
  • Pass · AAA · large text (≥ 4.5)

Ինչո՞ւ է գունային կոնտրաստը կարևոր:

Տեսողության խանգարումներ

Կարևոր է թույլ տեսողություն կամ գունային կուրություն ունեցողների համար:

Իրավիճակային օգտագործելիություն

Բարելավում է ընթեռնելիությունը ցածրորակ էկրաններին կամ ուղիղ արևի տակ:

Իրավական համապատասխանություն

Պահանջվում է ADA, EAA և Section 508-ով՝ իրավական ռիսկերից խուսափելու համար:

AA և AAA մակարդակների տարբերությունը

AA մակարդակը հիմնական իրավական պահանջն է բիզնեսների համար (4.5:1 հարաբերակցություն): AAA մակարդակը (7:1 հարաբերակցություն) «ոսկե ստանդարտն» է, որն ապահովում է առավելագույն մատչելիություն:

Կայքում կոնտրաստի խնդիրները շա՞տ են:

Մի՛ փորձեք ուղղել ամեն ինչ ձեռքով: Մեր Widget-ը կարող է ակնթարթորեն ավելացնել «Բարձր կոնտրաստի ռեժիմ», իսկ Սկաները կգտնի բոլոր սխալները ձեր կայքի բոլոր էջերում:

Սկանավորել ամբողջ կայքըՓորձել Widget-ն անվճար

ՀՏՀ

Գունային կոնտրաստ՝ պատասխաններով

Ի՞նչ է լավ կոնտրաստի հարաբերակցությունը:
Նվազագույնը 4.5:1 սովորական տեքստի համար (WCAG AA): Խոշոր տեքստը (24px կամ 18.66px թավ) կարող է անցնել 3:1-ով, իսկ AAA-ն պահանջում է 7:1 սովորական տեքստի համար:
Կոնտրաստն ազդու՞մ է SEO-ի վրա:
Այո. Google-ը նախընտրում է ընթեռնելի, մատչելի բովանդակություն, և լավ կոնտրաստը բարելավում է ներգրավվածության ցուցանիշները՝ էջում անցկացրած ժամանակը և ավելի ցածր bounce rate-ը:
Ինչպե՞ս ուղղել թույլ կոնտրաստը:
Կարգավորեք գույներից մեկի պայծառությունը կամ հագեցվածությունը, կամ մեծացրեք տառաչափն ու հաստությունը, որպեսզի զույգը համարվի «խոշոր տեքստ»: