Site search
Language
Vyskúšajte nástroje SEO
Site search hamburger-menu icon
Zvoľte jazyk
English
Čeština
Dansk
Deutsch
Eestlane
Español
Français
Hrvatski
Indonesia
Italiano
Lietuvis
Magyar
Melayu
Nederlands
Polski
Português
Română
Suomalainen
Svenska
Tiếng Việt
Türkçe
Ελληνικά
Български
Українська
Русский
ქართული
Հայերեն
עִברִית
العربية
فارسی
हिंदी
ภาษาไทย
한국어
中文
日本語

Kontrola kontrastu

Kontrola kontrastu farieb WCAG pre výpočet kontrastného pomeru textu.

Farba popredia

Zadajte platný hexadehranný triplet alebo použite výber farby.

Farba pozadia

Zadajte platný hexadehranný triplet alebo použite výber farby.

Kontrastný pomer 21:1

Normálny text

WCAG AA: Pass

WCAG AAA: Pass

Príklad normálneho textu - 16px

Veľký text

WCAG AA: Pass

WCAG AAA: Pass

Príklad veľkého textu 18pt/24px

Grafické objekty a komponenty používateľského rozhrania

WCAG AA:  Pass

image/svg+xml
  • Vypočítajte kontrastný pomer pre normálnu veľkosť textu.
  • Vypočítajte kontrastný pomer pre veľkú veľkosť textu.
  • Vypočítajte kontrastný pomer pre komponenty používateľského rozhrania.
  • Vyberte farbu z výberu farby
  • Nastaviť farebnú ľahkosť

Ako používať Contrast Checker

  • Vyberte farbu pozadia
  • Vyberte farbu popredia
  • V prípade potreby upravte ľahkosť
  • Kontrola auditu pre normálny a veľký text

FAQ

Ako funguje kontrola kontrastu?

Musíte vyhodnotiť farbu textu a pozadia. Podľa usmernení WCAG 2.1 ide o: Veľký text - Text s minimálnou veľkosťou 18px vyžaduje kontrastný pomer 3:1; Malý text - Text s veľkosťou menšou ako 18px vyžaduje kontrastný pomer 4, 5:1.

Prečo by mala mať moja webová stránka dostatočný farebný kontrast?

Text na pozadí s nízkym kontrastným pomerom je často ťažko čitateľný. To má nielen negatívny vplyv na osoby so zrakovým postihnutím, ale v skutočnosti to znevýhodňuje všetkých používateľov. Jedným z príkladov je čítanie textu na mobilnom telefóne vonku za slnečného dňa.

Čo znamená dostupnosť webových stránok?

Prístupná webová stránka je webová stránka navrhnutá tak, aby ju ľudia so zrakovým alebo sluchovým postihnutím mohli používať bez obmedzenia. Napríklad to zaisťuje, že všetky prvky lokality majú dostatočný farebný kontrast, t.j. farba textu je úplne odlišná od farby pozadia.

MuSIA obrázky a videá spĺňať požiadavky farebného kontrastu WCAG?

Niektoré komponenty grafiky a rozhrania vyžadujú kontrastný pomer najmenej 3:1. Nezahŕňa to však logá, ozdobné obrázky ani všeobecné mediálne súbory.

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