Kirjoittaja Tegu- » 11 Maalis 2020, 11:45
Punaiset olivat etenkin edellisissä väreissä ehkä hieman turhan samannäköiset itse puntarisssa. Nykyisissä taas vihreä jotenkin paistaa kirkkaampana kuin muut värit. Toisaalta itselleni värit ovat ihan kelvolliset tällaisenaankin.
Mutta jos syy värien muutokseen oli halu tehdä niistä erottuvampia, niin samalla kannattanee huomioida myös eri tavoin värisokeat, joita on ilmeisesti jotain vajaa 10 % väestöstä (
joku satunnainen lähde). Tähän löysin joskus mielenkiintoisen työkalun nimeltä Coblis
https://www.color-blindness.com/coblis- ... simulator/ (ja yhdellä kursilla piti koodata omakin, tosin rajoittuneempi). Tuolla voi simuloida useita eri värisokeustyypejä, joista ilmeisesti "deuteranopia" on
yleisin, mutta voi kai niitä muitakin testailla. Voi ottaa vaikka kuvankaappauksen puntariviestistä ja kokeilla sen avulla.
Tekstien kontrasteja voi tarkastella esimerkiksi Firefoxin kehittäjätyökalujen avulla (oikea klikkaus halutun tekstin päällä ja "Inspect Accessibility Properties"). Sen avulla saa mitattua jonkinlaisen lukuarvon kontrastille, mutta ei siihen tietty sokeasti kannata luottaa, koska näyttöjen asetukset sun muut vaikuttavat myös. Tuolla on koottu joitain ohjearvoja:
https://developer.mozilla.org/fi/docs/W ... r_contrast
Esimerkiksi yllä oleva vihreä ja punainen saavat varoituksen liian heikosta kontrastista (pohjasta riippuen lukuarvo oli vihreällä 2,14 tai 2,34 ja punaisella 3,43 tai 3,75). Muut värit menivät vähintään tuolla mainittuun "AA"-luokkaan.
Sitten kun vielä osaisi suunnitella kunnollisen väripaletin.
Huom: En oikeasti tiedä näistä yhtään mitään.

Punaiset olivat etenkin edellisissä väreissä ehkä hieman turhan samannäköiset itse puntarisssa. Nykyisissä taas vihreä jotenkin paistaa kirkkaampana kuin muut värit. Toisaalta itselleni värit ovat ihan kelvolliset tällaisenaankin.
Mutta jos syy värien muutokseen oli halu tehdä niistä erottuvampia, niin samalla kannattanee huomioida myös eri tavoin värisokeat, joita on ilmeisesti jotain vajaa 10 % väestöstä ([url=https://www.terveyskirjasto.fi/terveyskirjasto/tk.koti?p_artikkeli=dlk00347]joku satunnainen lähde[/url]). Tähän löysin joskus mielenkiintoisen työkalun nimeltä Coblis https://www.color-blindness.com/coblis-color-blindness-simulator/ (ja yhdellä kursilla piti koodata omakin, tosin rajoittuneempi). Tuolla voi simuloida useita eri värisokeustyypejä, joista ilmeisesti "deuteranopia" on [url=https://simple.wikipedia.org/wiki/Color_blindness#Red/green_color_blindness]yleisin[/url], mutta voi kai niitä muitakin testailla. Voi ottaa vaikka kuvankaappauksen puntariviestistä ja kokeilla sen avulla.
Tekstien kontrasteja voi tarkastella esimerkiksi Firefoxin kehittäjätyökalujen avulla (oikea klikkaus halutun tekstin päällä ja "Inspect Accessibility Properties"). Sen avulla saa mitattua jonkinlaisen lukuarvon kontrastille, mutta ei siihen tietty sokeasti kannata luottaa, koska näyttöjen asetukset sun muut vaikuttavat myös. Tuolla on koottu joitain ohjearvoja: https://developer.mozilla.org/fi/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast
Esimerkiksi yllä oleva vihreä ja punainen saavat varoituksen liian heikosta kontrastista (pohjasta riippuen lukuarvo oli vihreällä 2,14 tai 2,34 ja punaisella 3,43 tai 3,75). Muut värit menivät vähintään tuolla mainittuun "AA"-luokkaan.
Sitten kun vielä osaisi suunnitella kunnollisen väripaletin. :sorivaan:
Huom: En oikeasti tiedä näistä yhtään mitään. :hiips: