Een website die ook op mobiel prettig werkt

Wat willen bezoekers op uw website doen? Zorg dat zij die taken op een klein scherm gemakkelijk kunnen uitvoeren. Duidelijke navigatie en begrijpelijke knoppen helpen daarbij.

Korte tekstblokken, voldoende contrast en duidelijke labels maken een pagina leesbaar. Voorkom dat informatie alleen met een kleur of een afbeelding wordt overgebracht.

Gebruik een telefoon en probeer de site ook met alleen een toetsenbord. Controleer formulieren, foutmeldingen en afbeeldingen. Zulke praktische controles laten vaak meer zien dan alleen een ontwerpbestand.

Kies een taak die bezoekers vaak uitvoeren, zoals informatie vinden en een contactaanvraag verzenden. Bedien de site met het toetsenbord. U moet kunnen zien waar de focus staat en alle relevante onderdelen kunnen bereiken. Een menu dat alleen bij aanwijzen opent, kan een bezoeker blokkeren voordat de inhoud bereikt is.

Controleer ook of u een geopend menu of venster weer kunt sluiten. De focus moet daarna op een logische plek terugkomen. Beoordeel dit op de echte pagina met de gebruikte componenten. Alleen een controle van losse knoppen zegt weinig over de volledige route. Bij webontwikkeling hoort daarom beoordeling van complete gebruikerstaken.

Een veld heeft een zichtbaar label nodig, zodat duidelijk is welke informatie gevraagd wordt. Een voorbeeldtekst in het veld verdwijnt tijdens typen en vervangt dat label niet. Vertel bij een fout wat ontbreekt en hoe iemand dit herstelt. Laat correct ingevulde gegevens staan na een mislukte verzending.

Controleer de bevestiging. Een site mag niet zeggen dat een aanvraag ontvangen is als de opslag is mislukt. Geef bij een storing een begrijpelijke vervolgstap en voorkom dat herhaald klikken dubbele aanvragen veroorzaakt. Test lege velden, een verkeerd adres, een verbroken verbinding en opnieuw proberen. Juist zulke momenten bepalen of een bezoeker zelfstandig verder kan.

Gebruik koppen die uitleggen wat een onderdeel bevat. Een bezoeker die alleen de koppen leest moet de structuur kunnen volgen. Geef links een duidelijke bestemming; meerdere keren alleen ‘lees meer’ kan buiten de visuele context verwarrend zijn. Zet de belangrijkste actie dicht bij de informatie die nodig is om die actie te begrijpen.

Controleer tekst op kleine schermen en bij vergroting. Belangrijke informatie mag niet alleen in een afbeelding staan. Afbeeldingen die inhoud toevoegen krijgen een passende beschrijving, terwijl decoratieve beelden geen extra uitleg hoeven te herhalen. Laat tabellen en lange woorden niet ongemerkt de hele pagina breder maken.

Automatische controles kunnen bepaalde problemen vinden, maar tonen niet aan dat iedere bezoeker zijn taak kan afronden. Laat daarom ook iemand de route met een schermlezer beoordelen en vraag gebruikers waar zij vastlopen. Leg per bevinding vast welke taak wordt geraakt en hoe ernstig de belemmering is.

Een wijziging is pas afgerond wanneer de betrokken route opnieuw is geprobeerd. Neem die controles mee in onderhoud en beheer, zodat een latere tekst- of componentwijziging de oplossing niet terugdraait. Lees software verbeteren in stappen voor een aanpak waarbij u eerst de belangrijkste blokkade verhelpt en het resultaat controleert. Het doel blijft dat mensen de site zelfstandig kunnen gebruiken.