Pulsuz çevirici

Rəng Kontrastı Yoxlama (WCAG)

WCAG AA və AAA əlçatanlıq uyğunluğu üçün iki rəng arasındakı kontrast nisbətini yoxlayın. Pulsuz, ani və tamamilə brauzerinizdə işləyir.

Nümunə mətn - Normal Ölçü

Kiçik mətn nümunəsi - 14px

Kontrast nisbəti:21.00:1
WCAG AANormal Mətnkeçir
WCAG AABöyük Mətnkeçir
WCAG AAANormal Mətnkeçir
WCAG AAABöyük Mətnkeçir

Bu alət haqqında

WCAG 2.1 əlçatanlıq qaydalarına uyğun olaraq ön plan mətni ilə fon rəngləri arasında rəng kontrast nisbətlərini yoxlayın. Rəngləri hex kodlar, RGB dəyərləri və ya HSL dəyərləri kimi daxil edin və həm normal, həm də böyük mətn ölçülərində WCAG AA və AAA uyğunluğu üçün keçid/uğur nəticələri ilə yanaşı kontrast nisbətinə dərhal baxın.

Necə istifadə etməli

  1. Rəng seçici və ya altıbucaqlı girişdən istifadə edərək ön planın (mətn) rəngini daxil edin və ya seçin.
  2. Fon rənginizi daxil edin və ya seçin.
  3. Kontrast nisbətinə və WCAG 2.1 AA/AAA keçid/uğur nəticələrinə dərhal baxın.
  4. İstədiyiniz uyğunluq səviyyəsinə çatana qədər rəngləri tənzimləyin.

Tez-tez verilən suallar

WCAG uyğunluğu üçün hansı kontrast nisbəti tələb olunur?
WCAG AA normal mətn üçün 4.5:1 və böyük mətn üçün 3:1 tələb edir (18pt+ və ya 14pt+ qalın). WCAG AAA normal mətn üçün 7:1, böyük mətn üçün 4.5:1 tələb edir. Maksimum mümkün nisbət 21:1-dir (ağdan qara).
Rəng kontrastı niyə vacibdir?
Kifayət qədər kontrast mətnin görmə qabiliyyəti zəif, rəng korluğu və ya parlaq günəş işığında ekrana baxan istifadəçilər üçün oxunaqlı olmasını təmin edir. Bu, həmçinin bir çox veb-saytlar üçün ADA və AB əlçatanlıq qaydalarına uyğun olaraq qanuni tələbdir.
WCAG-da nə "böyük mətn" hesab olunur?
Böyük mətn normal çəki üçün 18pt (24px) və yuxarı, qalın mətn üçün isə 14pt (18.66px) və yuxarı olaraq təyin edilir. Böyük mətn daha aşağı kontrast tələblərinə malikdir, çünki onu oxumaq daha asandır.
Bu alət mətn olmayan elementlər üçün kontrastı yoxlayır?
WCAG 2.1 UI komponentləri və qrafik obyektlər (düymələr, nişanlar, forma sahələri) üçün 3:1 kontrast nisbəti tələb edir. Bunları da yoxlamaq üçün bu alətdən istifadə edə bilərsiniz – sadəcə komponent və fon rənglərini daxil edin.