Naar inhoud springen
SilktideHelp

Waarom test Silktide met een iPhone 5?

Silktide's geautomatiseerde mobiele controles draaien op een gesimuleerde iPhone 5 (320 CSS-pixels breed). Dat is bewust zo. Het is niet de telefoon die we gebruiken om te laten zien hoe je site er vandaag voor klanten uitziet.

Testen versus presentatie

Wat je zietApparaatWaarom
Toegankelijkheids- en mobiele controlesiPhone 5 (320px)Komt overeen met de WCAG-reflowbreedte
Schermafbeelding van het homepage-overzichtiPhone 16Een moderne telefoon voor de weergave
Apparaatvoorinstellingen van InspectoriPhone 5, X, 14, 16 en andereJe kiest wat je wilt bekijken

Dus als in een bevinding van een controle nog een iPhone 5 wordt genoemd, is dat het testviewport. Als het websiteoverzicht een modern telefoonframe toont, is dat presentatie.

Waarom 320 pixels

succescriterium 1.4.10 Reflow () vereist dat content in een 320 CSS-pixel brede viewport past, zonder dat de lezer zowel horizontaal als verticaal moet scrollen (met beperkte uitzonderingen voor zaken als kaarten en datatabellen).

320 CSS-pixels is ook wat je krijgt wanneer iemand op een groter scherm ongeveer tot 400% inzoomt. Testen op die breedte ontdekt opmaak die breekt voor:

  • mensen op kleine telefoons
  • mensen die de pagina vergroten
  • iedereen die een smal browservenster gebruikt

Een iPhone 5 is simpelweg een handig, bekend apparaat waarvan de logische breedte die maat heeft. Nieuwere telefoons zijn breder in CSS-pixels, dus kunnen ze dezelfde overflow verbergen. Alleen slagen op een moderne telefoon is niet voldoende voor Reflow.

Wat nog steeds de iPhone 5 gebruikt

Deze controles laden de pagina in dat kleine mobiele viewport (naast andere signalen):

Wat een moderne telefoon gebruikt

  • De homepage-overzichtschermafbeelding gebruikt een iPhone 16 wanneer die opname beschikbaar is, zodat het rapport eruitziet als een actuele telefoon.
  • De Inspector laat je pagina's op meerdere apparaten bekijken, waaronder iPhone 16, zonder dat dit invloed heeft op de score van die controles.

Meer informatie

Laatst bijgewerkt

Was deze pagina nuttig?