Siirry sisältöön
SilktideOhje

Tekstin kontrasti

Silktide mittaa sivujesi tekstin ja sen taustan välistä värieroa ja ilmoittaa tekstistä, jonka väri on liian lähellä taustansa väriä, jotta sitä voisi lukea mukavasti. Tämä on vähimmäiskontrastivaatimus, jota useimmat saavutettavuuslait edellyttävät.

Miksi tämä on tärkeää

Matalakontrastinen teksti on yksi yleisimmistä ja haitallisimmista saavutettavuuspuutteista verkossa. Heikkonäköiset, iäkkäämmät lukijat ja kirkkaassa auringonvalossa tai pienellä näytön kirkkaudella näyttöä käyttävät voivat pitää vaaleanharmaata tekstiä valkoisella taustalla käytännössä näkymättömänä. Kontrastin vähimmäisvaatimukset ovat osa :n – standardia, johon useimmat lait ja sopimukset viittaavat – joten niiden laiminlyöntiin liittyy myös oikeudellinen riski.

Kuinka korjata se

  1. Tummenna tekstiä tai vaalenna taustaa (tai päinvastoin tummissa ulkoasuissa), kunnes pari täyttää vaaditun suhteen. Jokainen löydös näyttää kaksi väriä, mitatun ja vaaditun suhteen.
  2. Muuta väri sivustosi tyylitiedostossa tai teema-asetuksissa yksittäisten sivujen sijaan, jotta korjaus koskee kaikkia kohtia, joissa kyseistä tyyliä käytetään.
  3. Jos löydös on mielestäsi hyväksyttävä – esimerkiksi tarkoituksella hillitty paikkamerkkityylinen teksti – voit sen sijaan.

Miten Silktide testaa tämän

  1. Tarkista jokainen sivun näkyvä tekstiosa ja ohita piilotettu teksti, SVG-grafiikan sisällä oleva teksti sekä kaikki elementit, jotka olet jättänyt tarkistuksen ulkopuolelle.
  2. Määritä käytössä oleva tekstin väri ja taustaväri läpinäkyvyys ja ylätason elementit huomioiden. Tässä mitataan vain tasaisen taustavärin päällä oleva teksti; kuvien tai liukuvärien päälle sijoitettua tekstiä käsitellään tarkistuksessa Tekstin kontrasti kuvien päällä.
  3. Laske kahden värin välinen kontrastisuhde.
  4. Ilmoita teksti, joka alittaa vaaditun vähimmäistason: 4.5:1 tavalliselle tekstille tai 3:1 suurelle tekstille. Teksti katsotaan suureksi, kun sen koko on vähintään 18 pistettä (24 pikseliä) tai vähintään 14 pistettä (noin 19 pikseliä) lihavoituna (paino 600 tai enemmän).

Vianmääritys

Valokuvan tai liukuvärin päällä olevaa tekstiä ei ilmoiteta tässä

Kun tausta on kuva tai liukuväri, ei ole yhtä taustaväriä, johon verrata, joten nämä tapaukset ilmoitetaan erikseen tarkistuksessa Tekstin kontrasti kuvien päällä.

Tämä on kahdesta toisiinsa liittyvästä tarkistuksesta AA-versio

Tämä tarkistus testaa WCAG:n onnistumiskriteeriä 1.4.3 (AA-taso), joka on laajasti vaadittu vähimmäistaso. Tiukempaa AAA-tason versiota, onnistumiskriteeriä 1.4.6, testaa Suuri tekstikontrasti. Nämä kaksi tarkistusta jakavat päätöksesi: löydöksen hyväksyminen tai ohittaminen toisessa koskee samaa löydöstä myös toisessa.

Teksti näyttää minusta hyvältä

Näytölläsi hyväksyttävältä näyttävä kontrasti voi silti epäonnistua muille – näytöt, kirkkausasetukset ja näkökyky vaihtelevat huomattavasti. Mitattu suhde on objektiivinen; luota siihen enemmän kuin visuaaliseen vaikutelmaan.

Lisätietoja

Viimeksi päivitetty

Oliko tästä sivusta apua?