Exercice : zoom et redimensionnement du texte

Ce composant propose trois cartes de déclaration rapide (dégât des eaux, vol, incendie) et un bandeau d’aide téléphonique.

Consignes

1. Ouvrez le composant et auditez-le selon les critères du RGAA 4.1.2 ci-dessous.
2. Ouvrez le code du composant dans votre éditeur. Corrigez uniquement le CSS : le HTML ne doit pas changer.
3. Rouvrez votre version et refaites les tests : le composant doit conserver son apparence générale.

Critères RGAA à vérifier

• 10.4 : le texte reste-t-il lisible lorsque la taille des caractères est augmentée jusqu’à 200 % ?
• 10.11 : les contenus peuvent-ils être présentés sans perte d’information ou de fonctionnalité (reflow) ?
• 10.12 : les propriétés d’espacement du texte peuvent-elles être redéfinies par l’utilisateur sans perte de contenu ni de fonctionnalité ?

Comment tester

Zoomez à 200 % (Ctrl +), réduisez la fenêtre à 320 px de large, augmentez la taille de texte du navigateur et testez avec un bookmarklet « Text Spacing ».