A11Y

Le sujet de l’accessibilité web a été présenté le 23 novembre par Saloua.

Notions discutées:

1. La sémantique (choisir des balises sémantiques, comme “nav” pour la navigation)
2. La bonne utilisation des textes altérnatifs (pour images, vidéos)
3. Le contraste: veiller aux différents
4. La navigation: rendre les menus de navigation utilisables pour tout type d’interface (souris, clavier, tablette, screen reader…).

Ce sont quatre exemples, mais le sujet est très vaste! À titre indicatif, le référentiel français en vigueur (RGAA) compte 335 critères.

Le challenge

Le challenge Accessibilité: https://replit.com/@Skarib/a11y-challenge

La mission est de rendre cette page plus accessible. Vous pouvez notamment:

• Choisir des balises HTML sémantiques (comme “nav” pour la navigation)
• Améliorer le contraste clair-foncé du texte
• Vérifier que la fonte soit lisible
• Assurer une taille de texte suffisante
• Vérifier les attributs alt sur les images

Ressources

• Sur cours-web.ch
• Sur MDN: Accessibilité
• RGAA, le référentiel général d’accessibilité pour les administrations (valable en France)

Une vidéo pour approfondir: “Accessibilité en agilité : retour d’expérience” - présentation de Romy Duhem-Verdière, présentant un projet concret: