Démo accessibilité web : contraste insuffisant et focus invisible

Accueil » Vidéos » Démo accessibilité web : contraste insuffisant et focus invisible

Dans cette démo, je compare deux versions d’une même page.

Sur la version non accessible :
le contraste entre le texte et le fond est trop faible ;
les boutons sont peu différenciés ;
le focus clavier est peu visible ou absent.

Sur la version corrigée :
le texte est plus lisible ;
les boutons sont plus nets ;
le focus devient visible pendant la navigation au clavier.

La fonction de la page ne change pas. Ce qui change, c’est la possibilité réelle de lire et d’agir.

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 : contraste insuffisant et focus invisible »

Donc démo sur l’accessibilité
cette fois-ci contraste et focus visible.
Vous avez une page qui n’est pas du tout accessible.
La différence, le contraste entre les textes et le fond est mauvaise et on n’a pas de focus sur les boutons quand on quand on navigue.
Donc on a la comparaison avec une page avec un contenu donc bien contrasté, les textes ont lisibles et le focus est visible sur les boutons.
Donc en fait, c’est la même page, on va dire, mais la correction fait que que la lecture devient possible.

Pour aller plus loin sur l’accessibilité web