Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Responsive
Waarom wordt tekst op een website afgekapt?
Text wordt afgekapt, wanneer het vak waarin het staat een vaste breedte heeft en de inhoud niet mag omwinden. Op kleine schermen ontbreekt dan het einde van een woord of van een hele zin — bezoekers lezen een romp. De controledienst vergelijkt op vier apparaatgroottes, hoeveel ruimte elke tekst nodig heeft en hoeveel hij krijgt, en toont betreffende plaatsen met voorbeelden en schermafbeelding.
Hoe afgesneden tekst ontstaat
Veelvoorkomende oorzaken zijn vaste breedten uit een ontwerpsjabloon, een verbod op regelafbrekingen of zeer lange woorden — in het Nederlands niet ongebruikelijk. Ook vertalingen leiden ertoe: de Engelse knooptekst past, de Nederlandse versie is langer en wordt afgesneden. Op het bureaublad blijft dit vaak onzichtbaar, omdat daar genoeg ruimte is. Pas op een smartphone met 390 pixels breedte wordt duidelijk of elke tekst zijn plaats vindt. Daarom meet de controledienst elk apparaatprofiel afzonderlijk — een tekst kan op de tablet volledig leesbaar zijn en op de smartphone afgesneden. Het rapport noemt voor elk apparaatformaat aparte bevindingen, elk met het begin van de betrokken tekst als voorbeeld.
Hoe de controledienst de overloop meet
De controle onderzoekt alinea's, koppen en lijst-items in een echte browser: heeft een tekst meer breedte nodig dan zijn vak, dan is er een overloop. Twee beveiligingsmechanismen voorkomen vals alarm. Ten eerste tellen dichtklapbare menu's en geheel niet weergegeven elementen niet mee — hun inhoud is opzettelijk verborgen, niet afgesneden. Zonder deze uitsluiting zou elke website met uit-/inklapbare navigatie tientallen schijnbevindingen krijgen. Ten tweede worden enkele grensgevallen van enkele pixels toegestaan; gerapporteerd wordt alleen als meerdere elementen betrokken zijn. Elke bevinding wordt twee keer opgehaald, en alleen wat beide metingen consistent zien telt. Het rapport beschrijft dus echte leesbelemmeringen in plaats van technische toevalligheidsuitslagen.
- Lees uw belangrijkste pagina's op de mobiele telefoon en let op woorden die halverwege de letter eindigen of met drie punten afbreken.
- Controleer knoppen met langere labels zoals „Vrijblijvend aanbod aanvragen” — zij worden vaak getroffen.
- Vraag uw bureau om vaste breedtes door aanpasbare te vervangen, zodat tekst kan omwinden.
- Controleer na tekstwijzigingen en vertalingen, of alle labels volledig zichtbaar blijven.