Pré-requis

La formation exige que le ou la stagiaire satisfasse à certains prérequis :

• Avoir suivi une formation de sensibilisation à l’accessibilité numérique
• Maîtrise des langages HTML et CSS
• Bonne connaissance de JavaScript
• Maîtrise du fonctionnement d’un site web.

Ces prérequis sont évalués en amont de la formation par un questionnaire de positionnement.

Objectifs généraux

À l’issue de la formation l’apprenant doit avoir la capacité de :

• Acquérir les connaissances techniques complémentaires (WAI-ARIA) pour assurer la qualité d’un développement accessible
• Maîtriser les bonnes pratiques requises pour la mise en place de contenus accessibles simples ou complexes
• Mettre en œuvre ces bonnes pratiques à travers différents exemples et exercices de codage.

Objectifs opérationnels, pédagogiques, évaluables

• Appréhender l’écosystème WAI-ARIA et savoir utiliser l’enrichissement sémantique proposé ;
• Comprendre et mettre en œuvre les bonnes pratiques de structuration, de présentation et d’interaction des contenus ;
• Connaître le fonctionnement des modèles de conception de composant pour évaluer et optimiser ses propres composants ;
• Mettre en place un socle d’industrialisation.

Public concerné

• Chef de projet
• Architecte logiciel
• Développeur
• Recetteur
• Auditeur

Modalités d’inscription et délai d’accès

Le formateur est Jean-Pierre Gay.

Sessions inter-entreprises
Dates : les sessions inter-entreprises déjà prévues sont publiées en ligne.

Tarif : 2520 € HT par participant·e.

Sessions intra-entreprises
Date et tarif : possibilité de sessions intra-entreprises sur devis.

Pour tout renseignement ou inscription, contactez : Jean-Pierre Gay |  06 71 39 19 96

Méthodes mobilisées

• Apports du formateur ;
• Réflexion collective ;
• Exercices pratiques de codage.

Ressources pédagogiques

• Remise d’un support de formation au format PDF à l’issue de la formation ;
• Ressource de liens sur le site du formateur.

Modalités d’organisation

• Durée totale de la formation : 28 heures ;
• Période de réalisation : voir sessions de formation ;
• Rythme : 4 jours ;
• Modalité de déroulement : présentiel ou distanciel.

Matériel pédagogique

Chaque stagiaire doit disposer de son ordinateur personnel et des droits d’administration pour l’installation d’outils logiciels (notamment lecteur d’écran).

À distance, chaque stagiaire doit disposer d’une webcam et d’un micro. Un échange en visio-conférence sera mis en place.

En présence, la salle de formation doit disposer :

• Une connexion Internet ;
• Un vidéoprojecteur (sortie HDMI de préférence) ;
• Un support de projection ;
• Un support d’écriture.

Modalités d’évaluation

Questionnaire d’évaluation des acquis sur la base de questions à choix unique ou multiple.

Accessibilité des personnes en situation de handicap

L’accessibilité d’un organisme de formation doit répondre au principe d’égalité de traitement vis-à-vis des personnes en situation de handicap, établi par la loi Handicap du 11 février 2005.

Accès aux formations
À chaque personne son projet de formation adapté à ses besoins spécifiques.

Nos formations et les locaux dans lesquels elles se déroulent sont accessibles à toutes et tous.

En cas de besoin spécifique, n’hésitez pas à contacter la référente handicap de Coopaname : Carine Julien / of@coopaname.coop.

Contenus

Jour 1

• Panorama des standards du web : HTML,  ;
• Comprendre le rôle d’une API d’accessibilité : DOM, arbre d’accessibilité et assistance technique ;
• Fondamentaux de WAI-ARIA : sémantique (propriétés, états et rôles) et principes de fonctionnement ;
• Outils de développement : outillage de base (navigateurs et éditeurs de code) ;
• Structure globale d’une page : identification des éléments obligatoires (titre, langue, etc.) et des zones de contenu (“landmarks”, “skip links”, etc.) ;
• Points d’attention spécifiques : cadres (iframe), rafraîchissement de page, limitation temporelle de la consultation.

Jour 2

• Structures de contenu simples (Importance de la sémantique des éléments HTML (natifs et personnalisés), Titres, listes et citations ;
• Liens (identification – contenu visible et nom accessible, et pertinence) ;
• Images (décoratives, informatives, description détaillée et légendes) ;
• Tableaux (données et présentation, en-têtes de lignes et de colonnes, légendes, résumé) ;
• Formulaires : conception (nom et sémantique), champs obligatoires, différents types des contrôles, groupement de champs, gestion des erreurs ;
• Présentation des contenus (CSS) : agencement (responsive, …), couleur (visibilité, contraste), position, taille et forme des contenus, contenus en mouvement et clignotant, effets de luminosité et mécanismes alternatifs possibles.

Jour 3

• Composants d’interface : identification, sémantique et interactions (clavier, toucher, etc.) ;
• Interaction dans les contenus : changements de contenu et de contexte (gestion du focus et notification) ;
• Contenus multimédias temporels (audio et vidéo) et non temporels : contenus alternatifs et interfaces (fonctionnalités et interactions) ;
• Introduction aux Design patterns WAI-ARIA : panorama des modèles de conception.

Jour 4

• Approfondissement des Design Patterns : revue détaillée de certains modèles (Disclosure, Tabs, Dialog, Menu, Grid) ;
• Accessibilité des outils d’édition (ATAG 2.0) ;
• Industrialisation : bibliothèques de composant, design systèmes et outils de test automatique ;
• Veille technique : organiser sa veille et ressources disponibles.