Coder accessible

Ce chapitre est un pas à pas des codes HTML et CSS respectueux des principes d'accessibilité numérique.

Structure de la page

Découvrez le code HTML de base pour créer une page web conforme aux principes d'accessibilité numérique et la façon de s'assurer de la validité de son code.

Contenu

Le formatage du contenu d'une page web, les titres, la présentation du texte, les listes et les citations notamment doivent respecter des règles précises en matière d'accessibilité numérique.

Couleurs

Le faible contraste de couleurs entre le premier et l'arrière-plan est un des défaut majeur en accessibilité numérique. Découvrez comment respecter les principes d'accessibilité numérique en lien avec les couleurs.

Navigation

L'implémentation d'un système de navigation doit respecter les règles d'accessibilité numérique, qu'il s'agisse d'un menu de navigation, d'un fil d'ariane ou d'un processus par étapes.

Liens et boutons

Selon le type de lien ou d'action que nous souhaitons mettre en place dans notre site web, nous choisirons soit un lien soit un bouton. Découvrez les principes d'accessibilité numérique qui régissent leur implémentation.

Images et icônes

Les images ne se gèrent pas de la même manière en accessibilité numérique selon qu'elles sont illustratives, décoratives ou informatives. Il en va de même pour les polices d'icônes ou font symbolique.

Tableaux

Les tableaux de données doivent respecter des règles d'implémentation pour être accessibles.

Formulaires

Les formulaires sont un incontournable dans l'interaction de notre site avec l'utilisateur. Découvrez les principes d'accessibilité numérique qui régissent la présentation des formulaires.

Composants d'interface riche

Les composants d’interface riche sont des éléments dynamiques implémentés avec du javascript.

Multimédia

Pour que les vidéos soient accessibles, elles doivent proposer une transcription textuelle, des sous-titres et une audiodescription. Le lecteur vidéo doit aussi proposer des moyens de contrôler le son et la lecture de la vidéo.