Kleine tekst op desktop
Silktide meet de tekstgrootte die mensen zien wanneer je pagina's op een desktopscherm worden bekeken en meldt tekst die kleiner dan 12 pixels wordt weergegeven. Zulke kleine tekst is voor veel mensen moeilijk of onmogelijk te lezen.
Waarom dit belangrijk is
Desktopschermen staan verder van de lezer af dan een telefoon, waardoor kleine tekst daar verhoudingsgewijs moeilijker te lezen is. Tekst kleiner dan 12 pixels sluit mensen met een beperkt zicht uit, belast oudere lezers en zorgt er bij alle anderen voor dat ze voorover moeten buigen of moeten inzoomen. Belangrijke ontwerprichtlijnen komen uit op 12 tot 14 pixels als het praktische minimum voor gewone tekst op desktop.
Kleine tekst is zelden een bewuste keuze: meestal sluipt deze binnen via juridische standaardteksten, voetteksten en insluitingen van derden die niemand opnieuw leest.
Hoe je dit oplost
- Vergroot de tekengrootte in je naar ten minste 12px, en bij voorkeur naar 16px voor gewone tekst.
/* Probleem: te klein om comfortabel te lezen op desktop */
.footer-note { font-size: 10px; }
/* Oplossing: gebruik een leesbare grootte, bij voorkeur in relatieve eenheden */
.footer-note { font-size: 0.875rem; } /* 14px bij de standaardinstellingen */
- Gebruik bij voorkeur relatieve eenheden (
rem,em) in plaats van vaste pixels, zodat tekst ook wordt geschaald wanneer gebruikers de standaard tekengrootte van hun browser wijzigen. - Als de gemarkeerde tekst oprecht prima is in deze grootte, bijvoorbeeld een decoratieve versiering, kun je de bevinding .
Hoe Silktide dit controleert
- Geef elke pagina weer op een desktopschermformaat.
- Meet de uiteindelijke berekende grootte van elk zichtbaar stuk tekst, nadat alle CSS is toegepast.
- Negeer verborgen tekst, tekst die alleen bedoeld is voor en fragmenten die korter zijn dan 2 tekens, zoals pictogramtekens.
- Meld tekst die kleiner dan 12 pixels wordt weergegeven.
Als je website is ingesteld om inhoud van derden uit te sluiten, wordt tekst in bekende plug-ins van derden niet gemeld.
Problemen oplossen
De tekst ziet er op mijn scherm goed uit
Displays met een hoge resolutie en persoonlijke zoominstellingen kunnen kleine tekst op jouw apparaat acceptabel laten lijken, terwijl deze bij de standaardinstellingen nog steeds te klein is. De controle meet de CSS-pixelgrootte waarmee de browser van elke bezoeker begint.
Hoe zit het met mobiel?
De tekstgrootte bij de mobiele weergave van je pagina's wordt afzonderlijk getest met kleine tekst (mobiel), waarbij een drempelwaarde wordt gebruikt die geschikt is voor mobiele schermen.