100 points à savoir sur…
Accessibilité numérique

Alexia a un handicap moteur qui l'empêche d'utiliser ses mains. Pour naviguer sur son ordinateur, elle utilise un pointeur de tête qui lui permet d'appuyer sur les touches de son clavier. Elle veut réserver un vol en ligne de Sofia à Paris.

Elle allume son ordinateur. Avec son pointeur de tête, elle appuie sur la touche "TAB" pour sélectionner le raccourci Google Chrome, puis ouvre une page de recherche. Elle tape sa requête dans la barre de recherche : "Vol de Sofia à Paris", puis appuie sur "Entrée". En appuyant sur la touche TAB, elle parcourt les résultats. Lorsqu'un résultat est affiché par tabulation, il a le focus clavier indiqué par une bordure entourant le texte, ce qui signifie qu'il peut être activé ou manipulé avec le clavier. Alexia peut visiter le site web de son choix en appuyant sur la touche "Entrée".

Elle atterrit sur le site d'une entreprise à bas prix. Sur la page d'accueil, les onglets sont activés par le clavier, ce qui aide Alexia à naviguer sur la page. L'ordre de navigation suit également le flux visuel de la page - de gauche à droite, de haut en bas. Alexia peut rapidement entrer son choix de date et choisir son vol. Elle passe ensuite à l'étape suivante : choisir son siège dans l'avion.

Sur cette page, elle peut trouver une image d'information sur les bagages et les sièges sur le côté gauche de l'écran, et sur le côté droit, la disposition de l'avion où elle peut choisir son siège. Cependant, lorsqu'elle appuie sur la "touche TAB" pour passer directement à la présentation de l'avion et choisir son siège, le focus du clavier passe à la section d'information de gauche, qui n'est pas cliquable. En conséquence, elle est assez confuse et revient plusieurs fois en haut de la page. Elle se rend compte qu'elle doit parcourir toute la section d'information pour accéder à la disposition de l'avion et faire son choix.

Problème détecté : Le site Web contient un élément de page Web qui n'est pas réactif à la souris ou au toucher (l'image d'information), mais il est néanmoins rendu accessible aux utilisateurs par la touche "TAB". Rendre des éléments non interactifs navigables au clavier peut être source de confusion et de perte de temps.

Pour aller plus loin et comprendre comment fonctionne la navigation au clavier, vous pouvez regarder ce tutoriel de Google sur l'accessibilité :