Référence accessibilité : https://disic.github.io/guide-integrateur/
Si l'on en croit le w3C, l'accessibilité c'est :
"Web accessibility means that people with disabilities can use the Web. More specifically, Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web. Web accessibility also benefits others, including older people with changing abilities due to aging."
Que l'on peut traduire par :
"L'accessibilité du web signifie que les personnes ayant un handicap peuvent utiliser le Web. Plus spécifiquement, l'accessibilité du web signifie que les personnes ayant un handicap peuvent percevoir, comprendre, naviguer, interagir et contribuer à l'internet. Par extension, l'accessibilité du web bénéficie à tous, y compris les personnes les plus âgées qui n'ont plus les mêmes capacités du fait de leur âge."
En France, le référentiel s'appelle RGAA.
Zoom sur les points essentiels à connaître en accessibilité :
Sources : https://www.numerique.gouv.fr/publications/rgaa-accessibilite/methode-rgaa/criteres/
- La structure de l'information
- Les liens
- Les images
- La couleur et le contraste
- Les formulaires
Pour cacher des éléments dans utiliser display: none
.visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
}
Exercice 1 :
Créer le code HTML approprié (vis à vis de l'accessibilité) pour créer un site cv ayant dans le menu des liens vers : Expériences, Compétences, Formation
Attention à bien utiliser les balises appropriées pour structurer l'info (header, main, footer, nav ....)
Ajoutez un petit formulaire de contact qui respecte les règles d'accessibilité (input pour l'email, message).
Exercice 2 :
Créer le code HTML approprié pour reproduire l'interface de memopus.com (y, y)