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

Kontroler kontrastu

Kontroler kontrastu kolorów WCAG do obliczania współczynnika kontrastu tekstu.

Kolor pierwszego planu

Wprowadź prawidłowy trójka szesnastkowa lub użyj selektora kolorów.

Kolor tła

Wprowadź prawidłowy trójka szesnastkowa lub użyj selektora kolorów.

Współczynnik kontrastu 21:1

Normalny tekst

WCAG AA: Pass

WCAG AAA: Pass

Przykładowy tekst normalny - 16px

Duży tekst

WCAG AA: Pass

WCAG AAA: Pass

Przykład duży tekst 18pt/24px

Obiekty graficzne i komponenty interfejsu użytkownika

WCAG AA:  Pass

image/svg+xml
  • Oblicz współczynnik kontrastu dla normalnego rozmiaru tekstu.
  • Oblicz współczynnik kontrastu dla dużego rozmiaru tekstu.
  • Oblicz współczynnik kontrastu dla komponentów interfejsu użytkownika.
  • Wybierz kolor z próbnika kolorów
  • Ustaw kolor Jasność

Jak korzystać z Contrast Checker

  • Wybierz kolor tła
  • Wybierz kolor pierwszego planu
  • Dostosuj lekkość w razie potrzeby
  • Sprawdź audyt pod kątem normalnego i dużego tekstu

FAQ

Jak działa kontroler kontrastu?

Musisz ocenić kolor tekstu i tła. Zgodnie z wytycznymi WCAG 2.1 są to: Duży tekst - Tekst o minimalnym rozmiarze 18px wymaga współczynnika kontrastu 3:1; Mały tekst - Tekst o rozmiarze mniejszym niż 18px wymaga współczynnika kontrastu 4, 5:1.

Dlaczego moja strona internetowa powinna mieć wystarczający kontrast kolorów?

Tekst na tle o niskim współczynniku kontrastu jest często trudny do odczytania. Wpływa to nie tylko negatywnie na osoby z wadami wzroku, ale w rzeczywistości utrudnia wszystkim użytkownikom. Jednym z przykładów jest czytanie tekstu na telefonie komórkowym na zewnątrz w słoneczny dzień.

Co oznacza dostępność strony internetowej?

Dostępna strona internetowa to strona internetowa zaprojektowana tak, aby osoby z wadami wzroku lub słuchu mogły z niej korzystać bez ograniczeń. Na przykład zapewnia to, że wszystkie elementy witryny mają wystarczający kontrast kolorów, tj. kolor tekstu jest zupełnie inny niż kolor tła.

Czy obrazy i filmy muszą spełniać wymagania dotyczące kontrastu kolorów WCAG?

Niektóre elementy grafiki i interfejsu wymagają współczynnika kontrastu co najmniej 3:1. Nie obejmuje to jednak logo, obrazów dekoracyjnych ani ogólnych plików multimedialnych.

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