Démo accessibilité web : Zoom à 200 % et espacements

Accueil » Vidéos » Démo accessibilité web : Zoom à 200 % et espacements

Dans cette démo, je compare deux versions d’une même page autour du zoom du texte et des espacements.

Sur la version non accessible :
– à 200 %, le texte peut disparaître ou devenir illisible ;
– certains blocs restent rigides ;
– le contenu ne s’adapte pas correctement ;
– l’augmentation des espacements dégrade fortement la lecture.

Sur la version corrigée :
– le texte reste lisible ;
– les blocs s’adaptent ;
– le contenu reste disponible même avec un zoom important ;
– les espacements n’empêchent pas la lecture.

Le problème ne vient pas du zoom. Il vient d’une mise en page qui ne s’adapte pas correctement.

Cette vidéo fait partie d’une série de démonstrations autour de l’accessibilité web et du RGAA.

Transcription de la vidéo « Démo accessibilité web : Zoom à 200 % et espacements »

Donc autre démonstration sur le l’accessibilité.
Ici on parle du zoom du texte et les espacements de des lettres.

Il y a un critère des tests RGAA qui veut que le tous les sites, si on augmente donc l’espacement des lettres.
Vous voyez, c’est ici euh le texte a disparu

Le texte à 200 % c’est vrai que si des personnes qui sont déficients visuel ont besoin de cette grosseur pour lire le texte.

Et là le texte n’est plus lisible parce que techniquement ce cadre ne s’étire pas.

sur un site responsive, le contenu, le cadre, donc l’HTML qui étend le contenu qui s’étend garde le texte lisible
et du coup ce site est plus accessible que l’autre et passe le test.