Exercice : alternatives textuelles des images
Le formulaire ci-dessous est une maquette pédagogique de déclaration de dommage, dont la charte graphique s’inspire de celle du Crédit Agricole. Ce n’est pas un site du Crédit Agricole ; les images de marque sont reproduites uniquement à titre d’exemple dans cette formation.
Consignes
- Parcourez les cinq parties du formulaire avec un lecteur d’écran (NVDA, VoiceOver) ou l’inspecteur d’accessibilité du navigateur.
- Ouvrez le code de l’exercice dans votre éditeur et corrigez le HTML de chaque question.
- Testez votre version avec un lecteur d’écran, puis comparez avec le formateur.
Question 1
L’assuré joint des photos du dommage. L’expert chargé du dossier ne verra pas l’image si l’assuré utilise un lecteur d’écran : l’alternative textuelle est la seule trace du dommage.
Déclaration de dommage – Étape 1 – Photos du dommage
Question 2
Un encart rassure l’assuré sur le suivi de sa déclaration. Il contient une photo d’ambiance et une liste d’avantages précédés d’une coche.
Déclaration de dommage – Étape 2 – Votre accompagnement
Nous vous accompagnons à chaque étape
Un gestionnaire dédié à votre dossier- Une réponse sous 48 heures
Question 3
Deux images déclenchent une action : le logo de l’en-tête (lien vers l’accueil) et une icône seule sur le bouton de validation de la déclaration.
Déclaration de dommage – En-tête et validation du formulaire
Question 4
Le formulaire rappelle une distinction obtenue par le contrat, sous forme d’un badge dont le texte fait partie de l’image.
Déclaration de dommage – Reconnaissance du contrat
Question 5
Pour informer l’assuré, le formulaire affiche un graphique des délais moyens d’indemnisation selon le type de sinistre.
Déclaration de dommage – Délais d’indemnisation
