|
Module
|
Description
|
Durée
|
|
Technologies du web accessible
|
HTML (SVG), CSS et JavaScript (DOM et arbre d'accessibilité) ; WAI-ARIA et son écosystème (propriétés, états et rôles) ; outillage de base (extensions pour navigateurs et éditeurs de code) ;
Atelier : choix et installation d'un outillage de base (extensions pour navigateurs et éditeurs de code) pour faciliter le travail de développement.
|
03h30
|
|
Structure globale d'une page
|
Type de document et validation du code ; éléments obligatoires (titre de page, langue du document, sens de lecture) ; techniques spécifiques : cadres (iframe), rafraîchissement de page, limitation temporelle de la consultation ;
Atelier : création d'une première page web pourvue des exigences de base.
|
01h30
|
|
Zones de contenu
|
Contenus transverses (menu de navigation, plan de site, moteur de recherche) ; raccourcis et liens d'évitements (“skip links”) ; régions (“landmarks”) : haut de page, pied de page, recherche, contenu annexe, navigation (menu, fil d'Ariane, Pagination) ;
Atelier : ajout des zones de contenu à la page web précédemment créée.
|
02h00
|
|
Présentation des contenus
|
Usages de CSS ; agencement (responsive, zoom) ; couleur (visibilité, contraste) ; position et forme des contenus ; mécanismes alternatifs possibles ;
Atelier : ajout de styles aux éléments des pages créés, en conformité avec les principes d'accessibilité.
|
01h30
|
|
Structures de contenu simples
|
Utilisation sémantique des éléments HTML (natifs et personnalisés) ; hiérarchie des titres ; listes ; citations ; liens (identification - contenu visible et nom accessible, et pertinence) ; images (décoratives, informatives, description détaillée et légendes) ;
Atelier : ajout de contenus aux zones précédemment créées.
|
02h00
|
|
Structures de contenu spécifiques
|
Tableaux (simples et complexes) ; formulaires (structures, groupement, gestion des erreurs) ; contenus multimédias : contenus audio et vidéo (transcription, sous-titres, audiodescription, contrôles) et animations ;
Atelier : création d'une page proposant un tableau et un formulaire et d'une autre intégrant un contenu vidéo.
|
03h30
|
|
Interaction dans les contenus
|
Usages de JavaScript ; gestion des interactions au clavier et au toucher ; changement de contenu (gestion du focus et notification) ; changement de contexte ; alternatives à JavaScript ;
Atelier : mise en place d'une notification et d'une navigation simulée entre les trois pages précédemment créées.
|
03h30
|
|
Composants
|
Anatomie d'un composant (identification, sémantique et interactions) ; modèles de conception (design patterns WAI-ARIA) ; composants spécifiques ou personnalisés ;
Atelier : intégration de différents exemples de composants (fenêtre modale, menu de navigation, potentiomètre).
|
03h30
|