Tummmasta tilasta on tullut standardi lähes jokaisessa sivustossa ja sovelluksissa – käyttäjät pitävät siitä, se säästää akkua OLED-näytöissä ja joskus sitä pidetään jopa "helppokäyttöisempänä". Mutta tummaan väripalettiin vaihtaminen, jos se tehdään harkitsematta, voi itse asiassa vahingoittaa saavutettavuutta. Tässä artikkelissa kerrotaan, kuinka se tehdään oikein.
Lyhyesti: mitä tämä artikkeli käsittelee
Kun tumma tila helpottaa käytettävyyttä
Käyttäjille, joilla on valoherkkyys (valoherkkyys), migreeni tai digitaalinen silmien rasitus, tumma tausta voi merkittävästi vähentää epämukavuutta pitkäaikaisen käytön aikana, erityisesti pimeässä ympäristössä. Jotkut lukihäiriöstä kärsivät käyttäjät kertovat myös lukemisesta mukavampaa tummalla taustalla.
Kun se todella sattuu
Toisaalta käyttäjille, joilla on astigmatismi (yleinen näkövamma), vaalea teksti tummalla taustalla luo "halation"-efektin, joka saa kirjaimet näyttämään epäselviltä – joskus vaalea tausta ja tumma teksti on itse asiassa mukavampaa lukea. Lopputulos: kaikille ei ole yhtä oikeaa vastausta, minkä vuoksi paras ratkaisu on antaa käyttäjän valita, ei pakottaa yhtä tilaa.
💡 Tärkeä asia
Tärkeintä: älä koskaan luota pelkästään automaattiseen järjestelmäasetuksiin (prefers-color-scheme) antamatta käyttäjälle mahdollisuutta vaihtaa itse sivustoa manuaalisesti – kaikki, joiden järjestelmä on pimeässä, eivät halua sivuston olevan pimeä ja päinvastoin.
Kontrasti pimeässä tilassa on erilainen kuin vaaleassa tilassa
Yleinen virhe: otat samat tekstin värit vaaleasta tilasta ja käännämme taustan yksinkertaisesti tummemmaksi ilman, että kontrastisuhdetta tarkistetaan uudelleen. Puhdas musta (#000000) puhtaalla valkoisella antaa maksimikontrastiksi 21:1 — mutta kääntöpuoli, puhdas valkoinen puhtaalla mustalla, luo erityisen voimakkaan "halation"-efektin, joka väsyttää silmiä. On parempi käyttää tummanharmaata taustaa (esimerkiksi #121212) puhtaan mustan sijasta ja luonnonvalkoista tekstiä (esimerkiksi #e8e8e8) puhtaan valkoisen sijaan – tämä täyttää silti WCAG:n kontrastivaatimukset (selvitetty yksityiskohtaisesti oppaassammevärin kontrasti), mutta on huomattavasti helpompi silmälle.
Käytännön nyrkkisäännöt
- Tarkista kontrasti erikseen kussakin tilassa – vaalea ja tumma – ei vain kerran.
- Vältä erityisen kylläisiä värejä (kirkas punainen tai sininen) tummalla taustalla – niillä on taipumus visuaalisesti "värähtää" ja vaikeuttaa lukemista.
- Pidä manuaalinen kytkin sivustolla, älä luota vain järjestelmäasetuksiin.
- Tarkista vaalealle taustalle suunnitellut kuvat ja logot – ne tarvitsevat joskus erillisen version, jotta tumma tila pysyy luettavissa.
Ovatko asiakirjasi valmiita myös pimeään tilaan?
Monet PDF-tiedostot avataan nykyään lukijasovellusten pimeässä tilassa – työkalumme tarkistaa, että asiakirjojen tekstin kontrasti täyttää standardin kaikissa tiloissa.
Skannaa sivustosi ilmaiseksi ←Skannauksen jälkeen voit myös asettaa löydetyt asiakirjat saataville suoraan ja ilmaiseksiAccessiDoc.