Pieni työpöytäteksti
Silktide mittaa tekstin koon, jonka ihmiset näkevät, kun sivujasi katsellaan työpöytänäytöllä, ja raportoi tekstin, joka hahmonnetaan alle 12 pikselin kokoisena. Näin pientä tekstiä monien ihmisten on vaikea tai mahdoton lukea.
Miksi tämä on tärkeää
Työpöytänäyttöjä katsellaan kauempaa kuin puhelinta, joten pientä tekstiä on niillä suhteessa vaikeampi lukea. Alle 12 pikselin teksti sulkee pois heikkonäköisiä lukijoita, rasittaa iäkkäämpiä lukijoita ja pakottaa kaikki muut kumartumaan lähemmäs tai suurentamaan näkymää. Merkittävät suunnitteluohjeistukset pitävät 12–14 pikseliä käytännöllisenä vähimmäiskokona työpöydän leipätekstille.
Pieni teksti on harvoin harkittu valinta – se hiipii yleensä mukaan oikeudellisten vakiotekstien, alatunnisteiden ja kolmansien osapuolten upotusten kautta, joita kukaan ei lue uudelleen.
Näin korjaat sen
- Suurenna fonttikokoa vähintään 12 pikseliin ja mieluiten 16 pikseliin leipätekstissä.
/* Ongelma: liian pieni luettavaksi mukavasti työpöydällä */
.footer-note { font-size: 10px; }
/* Korjaus: käytä luettavaa kokoa, mieluiten suhteellisina yksikköinä */
.footer-note { font-size: 0.875rem; } /* 14px oletusasetuksilla */
- Suosi suhteellisia yksiköitä (
rem,em) kiinteiden pikselien sijaan, jotta teksti skaalautuu myös silloin, kun käyttäjät muuttavat selaimensa oletusfonttikokoa. - Jos merkitty teksti on aidosti sopivan kokoista – esimerkiksi koristeellinen yksityiskohta – voit löydöksen.
Miten Silktide testaa tämän
- Hahmonna jokainen sivu työpöytänäytön koossa.
- Mittaa jokaisen näkyvän tekstiosan lopullinen laskettu koko, kun kaikki CSS on käytetty.
- Ohita piilotettu teksti, vain tarkoitettu teksti sekä alle 2 merkin pituiset katkelmat (kuten kuvakeglyfit).
- Raportoi alle 12 pikselin kokoisena hahmonnettu teksti.
Jos verkkosivustosi on määritetty sulkemaan pois kolmansien osapuolten sisällön, tunnettujen kolmansien osapuolten lisäosien sisällä olevaa tekstiä ei raportoida.
Vianmääritys
Teksti näyttää hyvältä näytölläni
Korkean tarkkuuden näytöt ja henkilökohtaiset zoomausasetukset voivat saada pienen tekstin näyttämään hyväksyttävältä laitteellasi, vaikka se on edelleen liian pientä oletusasetuksilla. Tarkistus mittaa CSS-pikselikoon, josta jokaisen kävijän selain aloittaa.
Entä mobiililaitteet?
Sivujesi mobiilihahmonnuksessa näkyvän tekstin koko testataan erikseen pienen tekstin tarkistuksella, joka käyttää mobiilinäytöille sopivaa kynnysarvoa.