Formation Web Design Accessible

Leçon 1 • Le cas économique et éthique

Présente les arguments moraux, sociaux et commerciaux en faveur de l'accessibilité. Motive les apprenants à considérer l'accessibilité comme une priorité professionnelle.

Leçon 2 • Aperçu des normes mondiales d'accessibilité

Passe en revue les directives internationales et les cadres de conformité. Relie les attentes réglementaires aux décisions pratiques de design.

Leçon 3 • Perspectives du handicap et recherche utilisateur

Examine comment différents utilisateurs vivent le web. Développe l'empathie et met en place des méthodes centrées sur l'utilisateur utilisées dans les chapitres suivants.

Leçon 4 • Les quatre principes POUR

Présente les concepts Perceptible, Utilisable, Compréhensible et Robuste comme cadre d'organisation. Fournit la perspective utilisée tout au long du cours.

Leçon 1 • Images et éléments média accessibles

Couvre le texte alternatif, les figures et le balisage des médias intégrés. Relie le contenu visuel à des équivalents textuels pour les utilisateurs non-voyants.

Leçon 2 • Pourquoi la sémantique favorise l'accessibilité

Explique comment les navigateurs et les technologies d'assistance analysent la sémantique HTML. Établit pourquoi le choix correct des éléments prime sur l'apparence visuelle.

Leçon 3 • Listes, tableaux et données accessibles

Enseigne le balisage correct pour les listes et les tableaux de données complexes. Garantit que les utilisateurs de lecteurs d'écran reçoivent un contexte structurel précis.

Leçon 4 • Structure du document et repères

Couvre la hiérarchie des titres, les éléments repères et les régions de la page. Permet aux utilisateurs de naviguer efficacement dans les documents avec une technologie d'assistance.

Leçon 1 • Schémas de conception ARIA en pratique

Applique les schémas ARIA à des composants réels comme les onglets, les accordéons et les menus. Fait le lien entre la connaissance des spécifications et une mise en œuvre prête pour la production.

Leçon 2 • Rôles de repère et de widget

Couvre les rôles de repère ARIA et les rôles de widget interactifs. Permet une attribution correcte des rôles pour les composants d'interface personnalisés.

Leçon 3 • Notions fondamentales et règles d'ARIA

Présente la spécification ARIA et ses cinq règles d'utilisation. Prévient les mauvais usages en apprenant aux apprenants quand ARIA est approprié ou non.

Leçon 4 • États ARIA et régions dynamiques

Enseigne les attributs d'état dynamiques et les annonces de régions dynamiques. Garantit que les technologies d'assistance communiquent les changements d'interface en temps réel.

Leçon 1 • Indicateurs de focus visibles

Enseigne le design et la mise en œuvre de styles de focus clairs. Répond à l'exigence WCAG pour un focus perceptible et un contraste visuel.

Leçon 2 • Liens d'évitement et mécanismes de contournement

Conçoit des blocs de contournement qui permettent aux utilisateurs clavier de sauter le contenu répétitif. Répond directement au critère de succès WCAG sur les blocs de contournement.

Leçon 3 • Notions fondamentales de la navigation au clavier

Couvre la manière dont les utilisateurs naviguent avec la touche Tab, les touches fléchées et les raccourcis. Établit le contrat clavier de base que toutes les interfaces doivent remplir.

Leçon 4 • Gestion du focus dans les interfaces dynamiques

Couvre le contrôle programmatique du focus pour les fenêtres modales, les alertes et les applications monopages. Évite la perte de focus et la désorientation lors des mises à jour dynamiques du contenu.

Leçon 1 • Exigences de contraste visuel des couleurs

Explique les calculs de rapport de contraste et les seuils WCAG pour le texte et l'interface. Permet aux designers de vérifier et de corriger le contraste visuel avant le lancement.

Leçon 2 • Indépendance de la couleur dans le design

Enseigne comment transmettre des informations sans se fier uniquement à la couleur. Évite l'exclusion des utilisateurs ayant des déficiences de la vision des couleurs.

Leçon 3 • Mises en page réactives et adaptables au zoom

Conçoit des mises en page qui se redimensionnent à 400 % de zoom sans défilement horizontal. Garantit que les utilisateurs à basse vision peuvent agrandir le contenu sans perdre de fonctionnalité.

Leçon 4 • Typographie et lisibilité de lecture

Couvre la taille de police, la hauteur de ligne, l'espacement et le choix de la police de caractères pour la lisibilité. Soutient les utilisateurs à basse vision et ceux ayant des troubles cognitifs.

Leçon 1 • Types de saisie et contrôles accessibles

Sélectionne les types de saisie HTML appropriés pour chaque scénario de saisie de données. Tire parti du comportement natif du navigateur pour réduire la surcharge ARIA personnalisée.

Leçon 2 • Accessibilité des CAPTCHA et de l'authentification

Évalue les barrières des CAPTCHA et les alternatives d'authentification accessibles. Garantit que les mécanismes de sécurité n'excluent pas les utilisateurs handicapés.

Leçon 3 • Validation en ligne et messages d'erreur

Met en œuvre une validation en temps réel et à la soumission avec des annonces accessibles. Empêche les utilisateurs de soumettre des formulaires incomplets sans instructions claires.

Leçon 4 • Schémas de formulaires complexes

Aborde les formulaires en plusieurs étapes, les champs conditionnels et les champs dynamiques. Maintient l'accessibilité à mesure que la complexité du formulaire augmente.

Leçon 1 • Lecteurs média accessibles

Évalue et configure les lecteurs média pour une utilisation au clavier et avec un lecteur d'écran. Garantit que les commandes de lecture sont utilisables sans souris.

Leçon 2 • Transcriptions et audiodescriptions

Enseigne les transcriptions complètes pour l'audio et les audiodescriptions pour le contenu vidéo visuel. Étend l'accès aux utilisateurs aveugles et à ceux qui ne peuvent pas lire le média.

Leçon 3 • Visualisations de données accessibles

Applique des techniques pour rendre les diagrammes, graphiques et infographies accessibles. Fournit des alternatives textuelles et une navigation au clavier pour les données visuelles.

Leçon 4 • Sous-titres pour le contenu vidéo

Couvre la création, le formatage et la synchronisation des sous-titres codés et ouverts. Sert les utilisateurs sourds, malentendants et non natifs.

Leçon 1 • Planification de la correction et prévention des régressions

Convertit les résultats d'audit en une feuille de route de correction priorisée. Intègre les vérifications d'accessibilité dans les flux de travail pour prévenir les régressions futures.

Leçon 2 • Tests avec les lecteurs d'écran

Guide les tests avec les principaux lecteurs d'écran sur différents systèmes d'exploitation. Valide que le balisage sémantique et ARIA produisent des annonces correctes.

Leçon 3 • Techniques de test manuel

Enseigne les vérifications de navigation exclusivement au clavier et les méthodes d'inspection visuelle. Couvre la majorité des problèmes que les outils automatisés ne détectent pas.

Leçon 4 • Réalisation d'un audit d'accessibilité

Structure un audit complet basé sur WCAG, de la définition du périmètre au rapport. Produit des résultats exploitables que les équipes de développement peuvent prioriser.