Lille tekst på desktop

Silktide måler størrelsen på den tekst, som folk ser, når dine sider vises på en desktopskærm, og rapporterer tekst, der gengives mindre end 12 pixels. Tekst så lille er svær eller umulig for mange mennesker at læse.

Hvorfor dette er vigtigt

Desktopskærme står længere væk fra læseren end en telefon, så lille tekst er forholdsmæssigt sværere at læse på dem. Tekst under 12 pixels udelukker læsere med nedsat syn, belaster ældre læsere og tvinger alle andre til at læne sig frem eller zoome. Vigtige designretningslinjer peger på 12 til 14 pixels som det praktiske minimum for brødtekst på desktop.

Lille tekst er sjældent et bevidst valg – den sniger sig som regel ind via juridisk standardtekst, footere og tredjepartsindlejringer, som ingen genlæser.

Sådan løser du det

Øg skriftstørrelsen i din til mindst 12px og helst 16px for brødtekst.

/* Problem: for lille til at læse behageligt på desktop */
.footer-note { font-size: 10px; }

/* Løsning: brug en læsbar størrelse, helst i relative enheder */
.footer-note { font-size: 0.875rem; } /* 14px ved standardindstillinger */

Foretræk relative enheder (rem, em) frem for faste pixels, så teksten også skaleres, når brugere ændrer browserens standardskriftstørrelse.
Hvis den markerede tekst reelt er i orden i den pågældende størrelse – for eksempel en dekorativ udsmykning – kan du fundet.

Sådan tester Silktide dette

Gengiv hver side i en desktopskærmstørrelse.
Mål den endelige beregnede størrelse for hver del af den synlige tekst, efter al CSS er anvendt.
Ignorer skjult tekst, tekst, der kun er beregnet til , og fragmenter kortere end 2 tegn (f.eks. ikonglyffer).
Rapportér tekst, der gengives under 12 pixels.

Hvis din website er konfigureret til at udelukke tredjepartsindhold, bliver tekst i kendte tredjepartsplugins ikke rapporteret.

Fejlfinding

Teksten ser fin ud på min skærm

Skærme med høj opløsning og personlige zoomindstillinger kan få lille tekst til at se acceptabel ud på din enhed, selv om den stadig er for lille ved standardindstillinger. Tjekket måler den CSS-pixelstørrelse, som alle besøgendes browsere starter med.

Hvad med mobil?

Tekststørrelsen i mobilgengivelsen af dine sider testes separat af lille tekst, som bruger en grænseværdi, der passer til mobilskærme.