L’accessibilité pour le Web, mise en pratique des référentiels

Objectifs & compétences

Maîtriser les enjeux de la mise en conformité de son site (bénéfices ergonomiques, implications techniques, éditoriales et budgétaires...)
Anticiper et planifier la migration vers l'accessibilité du site
Acquérir une vision d'ensemble de la conception HTML de sites Web accessibles
Se forger un savoir-faire en conception de pages HTML et feuille de styles accessibles
Comprendre les obligations légales du concepteur de site en termes d'accessibilité

Public visé

Tous profils impliqués dans la responsabilité, l'animation ou le développement de sites accessibles.

Pré-requis

Maniement de l'outil informatique.
Connaissance de base de l'environnement Internet.
Maîtrise du langage HTML et des CSS ainsi que du langage JavaScript.

Programme

Module 1 : POURQUOI CONCEVOIR DES SITES ACCESSIBLES À TOUS ?
- Internet, média incontournable.
- L'accessibilité numérique : une obligation légale en France.
- Le cadre légal européen.
- Montée en puissance de l'accessibilité du Web.

Module 2 : ACCESSIBILITÉ WEB : REPÈRES DU CONCEPTEUR
- La chaîne de production Web.
- Sites accessibles et sites standards : comprendre les différences.
- Navigateurs brailles, vocaux, graphiques, quelle différence ?

Travaux pratiques : utiliser les navigateurs dédiés aux personnes handicapées.

Module 3 : QUEL RÉFÉRENTIEL D'ACCESSIBILITÉ CHOISIR ?
- Pourquoi un référentiel ?
- Les référentiels d'accessibilité.
- Les critères de choix.

Travaux pratiques : l'accessibilité sur le Web (W3C, WCAG, RGAA, Accessiweb, HandiCaPZero).

Module 4 : DÉFINIR LA CHARTE D'ACCESSIBILITÉ
- Choisir le niveau d'accessibilité.
- Quel impact sur le développement HTML ?
- Typologie de site : identification des critères.
- Garantir la pérennité du niveau d'accessibilité.

Travaux pratiques : projet fictif de refonte d'un site Internet (définition des critères).

Module 5 : DÉFINIR LA STRUCTURE DES PAGES
- Définir le format de page (poids, volume).
- Choix d'une technique de construction (tableaux ou calques).
- Métadonnées, titre de page et langue du document.
- Éléments constitutifs d'une page.
- Hiérarchiser le contenu.

Travaux pratiques : mettre à niveau une structure de page non accessible.

Module 6 : OUTILS DE NAVIGATION
- Menus, barre de progression et outils transversaux.
- Aide à la navigation (raccourcis clavier, ancres invisibles).
- Le plan du site.
- Le moteur de recherche, les pages de résultats

Module 7 : RÈGLES DE MISE EN FORME
- Principes généraux (arrière plan, marges…).
- Mise en forme du texte.

Travaux pratiques : appliquer les règles de mise en forme accessibles sur une page HTML et la feuille de styles associée.

Module 8 : COMPOSANTS GRAPHIQUES
- Règle générale.
- Images de mise en forme.
- Puces graphiques, images illustratives, textuelles, cliquables.

Module 9 : LIENS HYPERTEXTES
- Liens internes et liens externes.
- Liens de téléchargement.
- Groupes de liens.
- SCRIPTS
- Règles de conception.

Exemples : popup, redirection automatique.

Module 10 : CONCEPTION HTML AVANCÉE
- Tableaux de données.
- Formulaires.
- Objets multimédia.
- Cadres.
- Acronymes, abréviations.

Travaux pratiques : construire un tableau de données, un formulaire, insérer une animation flash.

L'accessibilité numérique est une obligation publique depuis le vote de la loi pour l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées, en date du 15 juin 2004.

Modalités

Méthodes

Les plus de la formation

Cette formation introduit les principes généraux de l'accessibilité, présente les normes (WCAG, RGAA, Accessiweb), les outils et ressources disponibles, et propose une approche méthodologique pour la prise en compte de l'accessibilité numérique.