Standardit · WCAG 2.2

SC 1.4.1 Taso A WCAG 2.0

Värin käyttö

Väri ei saa olla ainoa tapa välittää tietoa. Pakollisilla kentillä, virhetiloilla, linkeillä ja kaavioiden sarjoilla täytyy olla toissijainen vihje — teksti, kuvake, alleviivaus tai kuvio — jotta värisokeuden kanssa elävät käyttäjät saavat saman tiedon.

Mitä kriteeri vaatii

Aina kun käyttöliittymäelementin merkitys riippuu sen väristä — punainen virheilmoitus, vihreä “saatavilla”-piste, sininen linkki tekstin sisällä, värillinen viiva kaaviossa — tuo merkitys on välitettävä myös jollakin muulla tavalla kuin vain värillä. Kriteeri ei kiellä värin käyttöä, vaan kieltää pelkän värin käytön. Noin joka 12. mies ja joka 200. nainen kärsii jonkinasteisesta värinäön puutteesta; lisäksi mustavalkoinen tuloste, himmeä näyttö ja voimakas heijastus hävittävät tavallisesti värierot.

Miten vaatimus täytetään

  • Alleviivataan tekstikappaleiden sisäiset linkit. Pelkkä eri väri ei riitä — se on 1.4.1:n tyypillisin epäonnistuminen.
  • Jokainen tilaa kuvaava väri on parittettava tekstimerkinnän tai kuvakkeen kanssa: punainen + “Virhe”-teksti, vihreä + valintamerkki, keltainen + varoituskolmio.
  • Pakolliset lomakekentät merkitään sekä värillä (punainen tähti) että tekstimerkinnällä (“pakollinen”).
  • Kaavioissa käytetään erottuvia viivatyylejä (yhtenäinen, katkonainen, pistekatkonainen) tai symboleja datapisteinä pelkän värin sijaan.
  • “Saatavilla / varattu / poissa” -tilamerkinnät sidotaan värin lisäksi kuvakemuotoon (täytetty ympyrä, avoin ympyrä, viiva).
  • Lomakkeen validoinnissa virheelliseen tilaan liitetään punaisen reunuksen lisäksi virheilmoitusteksti.

Yleisiä epäonnistumisia

  • Tekstikappaleiden linkit erotuvat vain hiukan eri sinisellä eikä niissä ole alleviivauksia. Puna-vihersokeat käyttäjät eivät näe eroa.
  • Pakolliset kentät merkitään punaisella tähdellä ilman aria-required-attribuuttia tai “pakollinen”-tekstiä.
  • Kaavioissa on viisi sarjaa, jotka erotetaan pelkällä värillä — tulostetaan kaavio harmaasävynä, niin viivat muuttuvat erottamattomiksi.
  • Virhetila kuvataan vain punaisella reunuksella ilman virheilmoitustekstiä.
  • “Verkkoyhteys päällä / katki” -merkinnät vaihtavat vain väriä ilman muotomuutosta tai tekstiä.
  • Piirakkakaavioissa on samankaltaisen valoisuuden sektoreita, jotka on nimetty legendassa vain värillä.

Miksi kriteeri on tärkeä

Tämä on yleisin 1.4.x-epäonnistuminen, ja se on helpoin korjata suunnitteluvaiheessa — lisätään alleviivaus, kuvake tai teksti. Jälkikäteen korjaaminen on hankalampaa, koska brändipaletti on usein rakennettu pelkän värin varaan. Qualibooth, axe ja Lighthouse eivät aina havaitse tätä automaattisesti, joten se nousee esiin manuaalisessa auditoinnissa.