Mikä värikontrastin on oltava verkkosivustollani?

Tavallinen teksti vaatii 4,5:1, suurempi teksti 3:1

Verkkosivuston useimmalle tekstille vaaditaan vähintään 4,5 suhde 1 -kontrastisuhde tekstin värin ja taustan värin välillä. Suuremmalle tekstille – noin 18 pistettä alkaen tai 14 pistettä alkaen lihavoitussa tekstissä – riittää 3 suhde 1 -suhde. Sama 3 suhde 1 -alaraja koskee myös käyttöliittymän osia, kuten syötekentän reunaa tai painiketta, sekä graafisia elementtejä, jotka ovat välttämättömiä ymmärtämisen kannalta, kuten kuvaketta ilman selitystä.

Kaikki eivät kuulu tämän vaatimuksen piiriin. Logon sisältämä teksti, puhtaasti koristeellinen teksti, jolla ei ole merkitystä, ja teksti, joka sattuu olemaan valokuvassa ilman toimintoa, on vapautettu. Myös käyttöliittymäelementti, joka on poistettu käytöstä – harmaa painike, jota ei voi tuolloin napsauttaa – ei tarvitse täyttää normin vaatimuksia. Automaattinen skannaus pystyy mittaamaan kontrastisuhteita ja vertaamaan niitä normin vaatimuksiin, mutta näiden poikkeusten arvioiminen – onko tämä kuvake koristeellinen, kuuluuko tämä teksti logoon – vaatii ihmisen arviota, ja se on juuri se osa, jota skannaus ei kata.

Tämä on esitetty WCAG 2.1:ssä, onnistumisperusteissa 1.4.3 ja 1.4.11

Nämä vaatimukset tulevat suoraan WCAG 2.1:stä, vertailuarvioinnin kehyksestä, johon EN 301 549 käytännössä perustuu. Onnistumisperuste 1.4.3, Kontrasti (vähimmäismäärä), asettaa 4,5 suhde 1 -rajan tavalliselle tekstille ja 3 suhde 1 suuremmalle tekstille. Onnistumisperuste 1.4.11, Ei-tekstuaalisen sisällön kontrasti, asettaa saman 3 suhde 1 -alarajan käyttöliittymän osille ja graafisille objekteille, jotka ovat välttämättömiä niiden toiminnon ymmärtämiseksi. Molemmat perusteet kuuluvat tasoon AA, tasoon, jonka direktiivi edellyttää.