L'accessibilité numérique, communément abrégée "a11y", consiste à concevoir et à créer des sites Web et des applications Web avec lesquels les personnes handicapées peuvent interagir de manière significative et équivalente.
Ce cours s'adresse aux développeurs Web débutants et avancés. Vous pouvez parcourir la série du début à la fin pour une compréhension générale des pratiques et des tests d'accessibilité, ou vous pouvez l'utiliser comme référence pour des sujets spécifiques. Si vous avez lu un terme qui ne vous est pas familier, consultez notre glossaire. Pour ceux qui débutent dans le développement Web, consultez les cours Learn HTML (Apprendre le langage HTML) pour découvrir les principes de base du balisage et Learn CSS (Apprendre les styles CSS).
Ceci n'est pas une référence complète. Chaque section présente son sujet, fournit du contexte et des exemples. Vous y trouverez des liens vers des références thématiques, comme les spécifications des MDN et des WCAG, ainsi que d'autres articles sur web.dev. Chaque section comprendra une brève évaluation pour aider les participants à confirmer leurs connaissances.
Certaines bonnes pratiques en matière d'accessibilité diffèrent en fonction du handicap auquel vous vous adressez. Il est important de comprendre vos utilisateurs et d'écouter les personnes handicapées lorsqu'elles vous disent ce dont elles ont besoin.
N'hésitez pas à nous faire part de vos commentaires. Ouvrez un problème sur GitHub et fournissez autant d'informations que possible pour que nous puissions le résoudre.
Vous y découvrirez:
Qu'est-ce que l'accessibilité numérique et pourquoi est-elle importante ?
Concevez et créez des sites Web et des applications Web avec lesquels les personnes handicapées peuvent interagir de manière significative et équivalente. Renseignez-vous sur l'impact commercial et juridique de ces choix.
ARIA et HTML
Quand utiliser les formats ARIA plutôt que HTML
Structure du contenu
Utilisez du code HTML sémantique, des points de repère et des tableaux pour rendre le contenu accessible.
Ce document
Autres éléments HTML à prendre en compte lors de la création de sites Web et d'applications accessibles.
Sélection du clavier
Comprendre et améliorer l'ordre et le style de la navigation au clavier
JavaScript
Rédigez des événements de déclencheur accessibles, des titres de page, du contenu dynamique, etc.
Images
Créez des images accessibles.
Couleur et contraste
Créez des palettes de couleurs accessibles avec un contraste approprié.
Animation et mouvement
Soutenez les personnes souffrant de troubles du mouvement.
Typographie
Choisissez les polices de caractères et les tailles de police appropriées, et structurez votre texte avec une mise en page accessible.
Vidéo et audio
D'autres types de médias qui rendent votre contenu vidéo et audio accessible.
Forms
Créez des formulaires accessibles.
Conception et expérience utilisateur
Créer des conceptions accessibles et évaluer l'expérience utilisateur.
Tests d'accessibilité automatisés
Effectuer des tests d'accessibilité automatisés
Tests d'accessibilité manuels
Tester manuellement l'accessibilité
Tests de technologies d'assistance
Comment effectuer des tests avec la technologie d'assistance
Conclusion et prochaines étapes
Autres ressources pour vous aider à passer aux étapes suivantes.
Glossaire
Découvrez les termes et concepts d'accessibilité courants.
Alors, êtes-vous prêt à apprendre l'accessibilité ? C'est parti !