Kleine mobiele tekst
Silktide laadt elke pagina op een gesimuleerd mobiel apparaat en rapporteert tekst die te klein is om comfortabel te lezen zonder in te zoomen. Tekst moet op mobiel worden weergegeven in 11 pixels of groter om te slagen.
Waarom dit belangrijk is
Tekst die op een desktopmonitor prima leesbaar is, kan op een telefoon onleesbaar klein zijn. Bezoekers moeten hun ogen tot spleetjes knijpen, inzoomen met twee vingers en regel voor regel horizontaal scrollen, of geven het op. Mensen met slecht zicht kunnen de tekst mogelijk helemaal niet lezen. Kleine tekst komt vooral voor op precies de plekken waar ontwerpers niet meer naar kijken: voetteksten, fotobijschriften, juridische kennisgevingen en cookiebanners.
Dit komt vooral vaak voor op sites die eerst voor desktop zijn ontworpen en daarna voor mobiel zijn aangepast, waarbij vaste lettergroottes samen met de lay-out kleiner worden.
Zo los je dit op
- Vergroot de lettergrootte van de gemarkeerde tekst, zodat deze op mobiel wordt weergegeven in 11 pixels of meer. Streef voor hoofdtekst naar een grotere waarde: 16 pixels is een gebruikelijke basiswaarde om comfortabel te lezen op mobiel.
- Gebruik bij voorkeur relatieve eenheden (
rem,em) in je in plaats van vaste pixelgroottes, zodat tekst wordt aangepast aan de instellingen van de gebruiker. - Gebruik media queries wanneer een ontwerp hele secties op kleine schermen verkleint, zodat de tekst leesbaar blijft terwijl de lay-out zich aanpast en niet de tekst zelf.
Zo test Silktide dit
- Laad de pagina op een gesimuleerd mobiel apparaat.
- Onderzoek elk zichtbaar tekstgedeelte met ten minste een paar letters of cijfers. Verborgen tekst en tekst die uitsluitend op nul is ingesteld voor gebruik door een worden genegeerd.
- Meet de weergegeven lettergrootte van elk tekstgedeelte.
- Rapporteer tekst die wordt weergegeven in minder dan 11 pixels.
Problemen oplossen
De gemarkeerde tekst komt uit een widget van een derde partij
Toeschrijvingstekst van ingesloten kaarten wordt automatisch genegeerd. Voor andere widgets kun je de optie inschakelen om inhoud van plug-ins van derden uit deze controle uit te sluiten, of een over bevindingen vastleggen die je accepteert.
De tekst is bewust klein
Kleine lettertjes zijn nog steeds bedoeld om gelezen te worden. Dat is meestal juist een argument om ze leesbaar te maken, niet kleiner. Als je concludeert dat specifieke tekst acceptabel is, keur je de bevinding goed.