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

Kontrasti Checker

WCAG-värikontrastin tarkistin tekstin kontrastisuhteen laskemiseksi.

Etualan väri

Anna kelvollinen kuusiokolmoiskolmikko tai käytä värivalitsinta.

Taustaväri

Anna kelvollinen kuusiokolmoiskolmikko tai käytä värivalitsinta.

Kontrastisuhde 21:1

Normaali teksti

WCAG AA: Pass

WCAG AAA: Pass

Esimerkki normaalista tekstistä - 16px

Suuri teksti

WCAG AA: Pass

WCAG AAA: Pass

Esimerkki suuri teksti 18pt/24px

Graafiset objektit ja käyttöliittymän komponentit

WCAG AA:  Pass

image/svg+xml
  • Laske kontrastisuhde normaalille tekstikoolle.
  • Laske kontrastisuhde suurelle tekstikoolle.
  • Laske käyttöliittymän komponenttien kontrastisuhde.
  • Valitse väri värivalitsimesta
  • Määritä väri Keveys

Kuinka käyttää Contrast Checker -ohjelmaa

  • Valitse taustaväri
  • Valitse etualan väri
  • Säädä keveyttä tarvittaessa
  • Tarkista normaalin ja suuren tekstin tarkastus

FAQ

Miten kontrastitarkastaja toimii?

Sinun on arvioitava tekstin ja taustan väri. WCAG 2.1 -ohjeiden mukaan nämä ovat: Suuri teksti - Teksti, jonka koko on vähintään 18 kuvapistettä, vaatii kontrastisuhteen 3:1; Pieni teksti - Teksti, jonka koko on alle 18 kuvapistettä, vaatii kontrastisuhteen 4. 5:1.

Miksi verkkosivustollani pitäisi olla riittävä värikontrasti?

Teksti taustalla, jolla on alhainen kontrastisuhde, on usein vaikea lukea. Tämä ei vaikuta kielteisesti vain näkövammaisiin, vaan se todella haittaa kaikille käyttäjille. Yksi esimerkki on tekstin lukeminen kännykällä ulkona aurinkoisena päivänä.

Mitä verkkosivujen saavutettavuus tarkoittaa?

Esteetön verkkosivusto on verkkosivusto, joka on suunniteltu siten, että näkö- tai kuulovammaiset voivat käyttää sitä ilman rajoituksia. Tämä varmistaa esimerkiksi sen, että kaikilla sivustoelementeillä on riittävä värikontrasti, ts. tekstin väri on melko erilainen kuin taustaväri.

Onko kuvien ja videoiden oltava WCAG-värikontrastivaatimusten mukaisia?

Tietyt grafiikka- ja liitäntäkomponentit vaativat kontrastisuhteen vähintään 3:1. Tämä ei kuitenkaan sisällä logoja, koristekuvia tai yleisiä mediatiedostoja.

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