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

Kontrola kontrastu

Kontrola kontrastu barev WCAG pro výpočet poměru kontrastu textu.

Barva popředí

Zadejte prosím platnou hexadecimální trojici nebo použijte nástroj pro výběr barvy.

Barva pozadí

Zadejte prosím platnou hexadecimální trojici nebo použijte nástroj pro výběr barvy.

Kontrastní poměr 21:1

Normální text

WCAG AA: Pass

WCAG AAA: Pass

Příklad normálního textu - 16px

Velký text

WCAG AA: Pass

WCAG AAA: Pass

Příklad velkého textu 18pt/24px

Grafické objekty a komponenty uživatelského rozhraní

WCAG AA:  Pass

image/svg+xml
  • Vypočítejte kontrastní poměr pro normální velikost textu.
  • Vypočítejte kontrastní poměr pro velkou velikost textu.
  • Vypočítejte kontrastní poměr pro komponenty uživatelského rozhraní.
  • Vyberte barvu z výběru barvy
  • Nastavení barvy Lehkost

Jak používat Contrast Checker

  • Zvolte barvu pozadí
  • Zvolte barvu popředí
  • V případě potřeby upravte lehkost
  • Kontrola auditu pro normální a velký text

FAQ

Jak funguje kontrola kontrastu?

Musíte vyhodnotit barvu textu a pozadí. Podle pokynů WCAG 2.1 se jedná o: Velký text - Text s minimální velikostí 18px vyžaduje kontrastní poměr 3:1; Malý text - Text o velikosti menší než 18px vyžaduje kontrastní poměr 4, 5:1.

Proč by měl můj web mít dostatečný barevný kontrast?

Text na pozadí s nízkým kontrastním poměrem je často obtížně čitelný. To má nejen negativní dopad na osoby se zrakovým postižením, ale ve skutečnosti to obtěžuje všechny uživatele. Jedním z příkladů je čtení textu na mobilním telefonu venku za slunečného dne.

Co znamená přístupnost webových stránek?

Přístupná webová stránka je webová stránka navržená tak, aby ji lidé se zrakovým nebo sluchovým postižením mohli používat bez omezení. Tím je například zajištěno, že všechny prvky webu mají dostatečný barevný kontrast, tj. barva textu je zcela odlišná od barvy pozadí.

Mají obrázky a videa splňovat požadavky WCAG barevný kontrast?

Některé grafické prvky a komponenty rozhraní vyžadují kontrastní poměr nejméně 3:1. To však nezahrnuje loga, dekorativní obrázky ani obecné mediální soubory.

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