Vous êtes à une touche de débuter dans l’Accessibilité Numérique

Silvere Duval
Just-Tech-IT
Published in
4 min readApr 24, 2024
Le dessin d’une jeune femme présentant la touche TAB sous forme de petit personnage souriant et sympatique.

Saviez-vous qu’en France, en 2020, 12 millions de personnes étaient en situation de handicap (Source : ORCIP) ? Chacune peut être une potentielle utilisatrice de vos Produits.

Mais, peut-elle bénéficier et accéder en toute autonomie à votre site et à vos services ?

L’accessibilité numérique, c’est quoi ?

“L’accessibilité numérique consiste à rendre les contenus et services numériques compréhensibles et utilisables par les personnes en situation de handicap.” — accessibilite.numerique.gouv.fr

Il s’agit de permettre l’accès aux contenus et services numériques indépendamment:

  • Du matériel, des logiciels,
  • Des conditions d’accès à internet,
  • De la langue maternelle, de la culture,
  • Des aptitudes physiques et mentales.

Vous pourrez retrouver aussi “A11Y” sur Internet. En fait, il s’agit du raccourci de “AccessibilitY = A + 11 lettres du mot + Y” !

Des directives et des référentiels

Les directives du Web Content Accessibility Guidelines (ou WCAG) ou “règles pour l’accessibilité des contenus du web” définissent les lignes à suivre du “World Wide Web Consortium” (W3C). pour s’assurer que vos futures fonctionnalités respecteront bien les besoins utilisateurs en situation de handicap.

En France, la Direction Interministérielle du Numérique a édité un Référentiel Général d’Amélioration de l’Accessibilité (ou RGAA) divisé en 2 parties :

  • Les obligations légales à respecter.
  • Un référentiel d’aide avec 106 critères.

Pour en savoir plus : Critères et tests — RGAA (numerique.gouv.fr)

Un état de conformité à afficher sur votre site

Présentation d’un exemple de site internet ayant en page principale la notion d’accessibilité totalement conforme.
Un exemple d’état de conformité sur un site

Un état de conformité sera exigé sur la page d’accueil de votre site :

  • Conformité totale : si tous les critères de contrôle du RGAA sont respectés,
  • Conformité partielle : si au moins 50 % des critères de contrôle du RGAA sont respectés,
  • Non-conformité : s’il n’existe aucun résultat d’audit en cours de validité permettant de mesurer le respect des critères ou si moins de 50 % des critères de contrôle du RGAA sont respectés.

Mon entreprise est-elle concernée ? Rappel du champ d’application — RGAA (numerique.gouv.fr)

Mais, alors ? Comment débuter ?

L’Accessibilité Numérique n’est pas qu’une question de conformité ou d’audit. Il s’agit bien de proposer un parcours utilisateur qui fonctionne.

Aussi, pour vous aider à démarrer, je vous propose de tester simplement et rapidement une fonctionnalité que tout le monde possède et qui vous permettra de vérifier (ou non) que vos utilisateurs en situation de handicap seront capables de naviguer facilement sur votre site !

La touche “TABULATION”.

Une image d’un clavier, avec la représentation de la touche “TAB”.
La touche TAB sur votre clavier

Pourquoi cette touche ?

La touche “TAB” (ou tabulation) du clavier est souvent utilisée pour parcourir une page web ou une interface utilisateur. Ce type de navigation est indispensable pour les personnes qui utilisent des technologies d’assistance car elle permet de parcourir les liens, les boutons et autres éléments sans avoir à utiliser la souris.

Aussi, n’hésitez pas à la tester sur votre site :

  1. Connectez-vous sur votre site,
  2. Débranchez votre souris,
  3. Imaginez maintenant que vous êtes en situation de handicap avec l’impossibilité d’utiliser votre souris,
  4. Cliquez sur la touche “TAB” pour parcourir votre site (ou “SHIFT + TAB” pour revenir en arrière),

Vous risquez de vous tirer les cheveux et de prendre conscience de l’importance de bien prendre en compte ce type de navigation dans votre parcours utilisateur !

  • Une mauvaise organisation du parcours (saut dans un menu, alternance haut de page et pied de page …),
  • Un problème de gestion des menus,
  • Pas de lien d’évitement ou d’accès rapide,
  • Des popin pour lesquelles il est impossible d’y accéder ou d’en sortir,
  • etc.

Pour votre information, ce test fait partie du RGAA (V4) dans le paragraphe “12. Navigation / 12.8 Dans chaque page web, l’ordre de tabulation est-il cohérent ?”.

Vous pourrez retrouver son explication dans ce lien : https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#12.8

En conclusion

Le test de la touche “TAB” doit devenir un réflexe !

Assurez-vous que votre site soit accessible aussi par le clavier et simplifiez et fluidifiez votre parcours utilisateur, par exemple en évitant de forcer l’utilisation de la souris pour effectuer des tâches. Ce sont les 1ères étapes indispensables pour un numérique plus accessible !

N’hésitez pas à regarder les vidéos Mathieu Froidure | LinkedIn pour avoir quelques exemples.

--

--

Silvere Duval
Just-Tech-IT

Product & Agile Transformation Consultant /Product Owner at AXA France— “From a Project culture to a Product culture”