Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Responsive
Hoe controleert men een enkel element op alle schermgroottes?
Een enkel element controleert men, door het doelgericht aan te spreken en op elke apparaatgrootte afzonderlijk te meten. De controledienst doet precies dat: hij zoekt het genoemde element — bijvoorbeeld een prijstabel, een aanmeldingsformulier of een ingebedde kalender — op smartphone, tablet en desktop en controleert, of het aanwezig en zichtbaar is, volledig in de apparaatbreedte past en zich goed bedient.
Deze vragen beantwoordt de element-controle
Per apparaatgrootte beantwoordt de controle vijf vragen. Is het element überhaupt aanwezig? sommige bouwstenen verdwijnen op kleine schermen helemaal. Is het zichtbaar, met meetbare breedte en hoogte? past het in de apparaatbreedte, of steekt het zijdelings over de schermrand uit? Zijn alle bedienelementen erin — knoppen, koppelingen, invoervelden — minimaal 24 bij 24 pixel groot, zoals de toegankelijkheidregel WCAG 2.5.8 verlangt? En blijft elke tekst erin volledig leesbaar, in plaats van afgekapt te worden? voor elk apparaatprofiel legt het rapport een gemarkeerde schermafbeelding bij, waarop het gecontroleerde element is gemarkeerd — de toestand is daarmee bewezen, niet alleen beweerd.
Dan loont zich de blik op één enkel element
De doelgerichte controle is het juiste gereedschap, wanneer een bepaalde plaats zorgen baart of zojuist is hersteld. Typische gevallen: een prijstabel stak op de mobiele telefoon over de rand, en na de herstelingrepen moet worden aangetoond, dat hij nu op alle vier apparaatgroottes past. Een nieuw contactformulier moet vóór de activering op bedienbaarheid worden gecontroleerd. Of een ingebedde vreemde inhoud — een kaart, een boekingenraam, een beoordelings-bouwsteen — gedraagt zich anders dan de rest van de pagina, omdat hij van een ander aanbod stamt. In plaats van de hele pagina opnieuw te controleren, levert de element-controle een duidelijk antwoord tot precies deze plaats.
- Noem het element dat u zorgen baart zo concreet mogelijk — bijvoorbeeld „de prijstabel op de aanbiedingspagina”.
- Controleer na elke herstelingreep het betreffende element gericht op alle vier apparaatgroottes, in plaats van op de indruk van het bureaublad te vertrouwen.
- Bekijk de gemarkeerde schermafbeeldingen in het rapport — zij tonen het element in de toestand van elke apparaatgrootte.
- Laat ingebedde vreemde inhoud zoals kaarten of boekingenramen afzonderlijk controleren, want zij volgen eigen regels.