Le site Internet proposé, intitulé « AccessiblePourTous », respecte les normes d’accessibilité en matière de développement web.
Votre site futur site Internet
Un site internet est dit accessible lorsqu’il intègre un certains nombre de recommandations techniques. Il doit permettre un parcours facilité du site et de ses différents contenus, et ce quel que soit le dispositif technique utilisé ou le logiciel de lecture et ses options (avec ou sans souris).
Les recommandations techniques
Le contenu est structuré et documenté
- Le contenu de la page est structuré, chaque élément est identifié (titres, paragraphe) pour aider les visiteurs à comprendre les relations entre les différents éléments de la page.
- Il faut également donner des titres et fournir une alternative textuelle aux illustrations, schémas et tableaux
- Les boutons comme « Envoyer » ou « Soumettre », doivent être clairement étiquetés pour aider les visiteurs à comprendre leur fonction.
- Le contenu de la page doit être rédigé en langage simple et facile à comprendre.
Les liens d’évitement
Il est utile de proposer le plus haut possible dans le code de la page, des liens d’évitement pour accéder directement aux contenus et menus de navigation
L’affichage des contenus est personnalisable
Voici quelques exemples de fonctionnalités et de techniques utilisées pour rendre un site web accessible ;
- Un contraste élevé permet aux personnes malvoyantes de différencier les éléments de la page.
- Les visiteurs peuvent augmenter la taille de la police pour faciliter leur lecture.
- Les images informationnelles incluent des descriptions alternatives pour que les personnes malvoyantes puissent comprendre le contenu visuel.
- Les visiteurs naviguent facilement sur le site web, en utilisant des touches de raccourci, des liens d’évitement.
La navigation est claire, simple et facilitée
Chaque ensemble de pages dispose de deux systèmes de navigation au moins :
- le menu de navigation principal,
- le plan du site (représente l’architecture de ce dernier),
- un moteur de recherche permet aux visiteurs accéder à l’ensemble du site web, y compris aux formulaires.
- Un lien d’évitement ou d’accès rapide est présent, en haut et a gauche de la page. Il permet d’accéder rapidement au contenu.
La navigation au clavier peut être utilisée
Pour les personnes qui ne peuvent utiliser une souris, la navigation dans une page web doit être possible à l’aide du clavier seul.
- Les visiteurs peuvent utiliser des commandes alternatives, telles que des touches de raccourci clavier pour naviguer sur le site web.
Liste des principaux raccourcis
| Interactions | Raccourcis |
|---|---|
| Faire avancer le focus | Tab |
| Faire reculer le focus | Shift+ Tab |
| Activer l’élément qui a le focus (lien, bouton, menu) | Entrée |
| Cocher / Décocher une case à cocher | Barre espace |
| Sélectionner un bouton radio dans groupe | Flèches directionnelles Haut / Bas ou Gauche / Droite |
| Sélectionner une option dans une liste déroulante | Flèches directionnelles Haut / Bas, puis Barre espace |
| Déplacer un ascenseur (scrollbar) | Flèches directionnelles Haut / Bas pour un ascenseur vertical, flèches directionnelles Gauche / Droite pour un ascenseur horizontal |
Le focus
Le site met en évidence le focus, cette indication est indispensable pour se situer dans la page consultée.
Le formulaire
Le formulaire de contact doit être accessible pour tous les visiteurs du site mais aussi pour les personnes déficientes visuelles, dyslexiques et les déficients cognitifs. Les champs du formulaire doivent être accompagnés d’un libellé afin que le rôle des champs soit parfaitement identifié, il précise également le type de données attendus, ainsi que le format. En cas d’erreur, le libellé fournit des informations afin d’effectuer les corrections nécessaires.
- Les visiteurs doivent pouvoir contrôler le temps qu’ils passent sur certaines pages du site web, en évitant les limites de temps ou les redirections automatiques qui peuvent causer de la confusion.
- Ils doivent pouvoir saisir des informations dans des formulaires et des champs de texte, en utilisant des contrôles de saisie simplifiés ou des modèles pré-remplis pour faciliter la tâche.
Les médias et vidéos
Pour les vidéos et autres contenus disponibles sur le site internet, il faut fournir une alternative textuelle ou une audiodescription, et s’assurer de l’accessibilité des contenus non HTML, y compris les fichiers PDF, les documents bureautiques (traitements de texte, diapositives, etc.)
Le bandeau des cookies
Le bandeau des cookies apparait en premier, il est accessible au clavier immédiatement afin de permettre à l’utilisateur d’accepter ou de refuser les cookies.