A11ying with Sanna - Toki, jos voisin opas saavutettavuuteen

1.4.3 Kontrasti

Kaikissa esimerkeissä on kaksi tekstikappaletta. Yksi suurempaa tekstiä. Ensimmäisessä esimerkissä on valkoinen taustaväri ja toisessa musta taustaväri. Pahoittelut etukäteen näistä esimerkeistä, itselläni ne sattuvat silmiin.

Haasteellinen esimerkki

Suurempi teksti

Elementin teksti.

Suurempi teksti

Elementin teksti.

Parempi esimerkki

Tämä esimerkkipari täyttää kriteerin 1.4.3 (Taso AA)

Suurempi teksti

Elementin teksti.

Suurempi teksti

Elementin teksti.

Tämä esimerkkipari täyttää kriteerin 1.4.6 (Taso AAA)

Suurempi teksti

Elementin teksti.

Suurempi teksti

Elementin teksti.

Loppukommentit

Riittävän kontrastin varmistaminen parantaa verkkosivustoa kaikille käyttäjille. Liioitella ei kuitenkaan tarvitse, esimerkiksi musta valkoista vasten tai päin vastoin on joidenkin mielestä jopa turhan kontrastinen. Monesti sivustoilla näkeekin tummanharmaata tekstiä vaaleanharmaalla pohjalla mustan ja valkoisen sijaan.