Un projtet réalisé par Lucie Hrabal, Kamil Mardaci et Quentin Anière dans la cadre d'une SAE de première année de BUT Informatique.
Sous la direction de William Gaudelier. Décembre 2021 / Janvier 2022
Voici les listes des choses que nous avons mises en places afin de rendre notre site accessible aux personnes atteintes de déficiences :
-
L'attribut "alt" : Toutes les images du site possèdent un attribut "alt", ce qui permet aux lecteurs d'écran de lire l'image.
-
Les rôles : Ajout de l'attribut rôle (menu, menu-item, main, form par exemple) sur certains élements HTML avant de faciliter l'usage de lecteurs d'écrans. Pour certains élements (nav, form, main par exemple), cela se fait automatiquement.
-
Attribut title sur le iframe : Sur l'iframe sur la page map.html, l'attribut title permet aux lecteurs d'écran de savoir ce contient cette iframe.
Quelques outils que nous avons utilisés :
- Checker W3C : Une extension Visual Studio Code qui permet de vérifier si le code HTML/CSS est conforme aux standards W3C du web
- Lighthouse : Un outil open-source directement integré dans les outils de développement Google Chrome et qui donne une note sur le SEO, l'accessibilité, les perfomances. Note de 100/100 dans les domaines pour note site.
-
Hiérarchie des éléments : Respect de la hiérarchie des élements HTML (De H1 le plus important, au H6 le moins important) afin de que les moteurs de recherche comprennent plus facilement comment le site est structuré et ainsi augmenter son référencement.
-
Balises meta : Usage des balises metas (auteur, copyright, description de la page, etc...) afin d'aides les moteurs de recherche à mieux comprendre le contenu de la page et ainsi d'augmenter son référencement.
-
Les attributs "alt" : La présence de attributs "alt" augmentent le référencement de la page.