Accessibilité : Fondamentaux + Développer et coder des sites accessibles

Objectifs

Appréhender les enjeux relatifs à  l'accessibilité numérique - Acquérir les connaissances fondamentales sur l'accessibilité numérique - Prendre en compte l'accessibilité numérique aux différentes étapes d'un projet digital - Concevoir des contenus web et éditoriaux numériques accessibles - Développer des sites conformes aux recommandations des référentiels d'accessibilité numérique (WCAG ou RGAA)

Programme de la formation

Découvrir l'accessibilité
Atelier : Comprendre les enjeux de l'accessibilité avec des vidéos montrant des utilisateurs en situation d'handicap utilisant le Web
(expérience simulée de handicap visuel dans la navigation web , navigation sans la souris,...)


Apprendre le cadre légal
Atelier : Étudier les référentiels d'accessibilité - Comprendre le contenu d'une déclaration de conformité.


Mettre en œuvre l'accessibilité web
Atelier : Utiliser les assistants vocaux et la synthèse vocale, essayer la simulation d'handicap visuel - utilisation d'outils de diagnostics simple - Exemple de site avant et après mise en conformité pour l'accessibilité.


Intégrer l'accessibilité dans un projet digital
Atelier : Analyse de la structure d'une déclaration de conformité.


Prendre en compte l'accessibilité dans la gestion de projets
Atelier : Bonnes pratiques de prise en compte de l'accessibilité dans un projet digtal.


Rédiger des pages web accessibles
Atelier : Rédaction d'un contenu accessible.


Tester les pages web
Atelier : Présentation d'outils de tests et automatisation (pa11y, Selenium).


Comprendre les enjeux d'un contenu accessible


Créer une maquette d'un site accessible
Atelier : Conception d'une maquette de site web avec choix des couleurs
(logiciel de création au choix du stagiaire)


Rédiger du contenu accessible
Atelier : rédaction de contenu et analyse des problématiques courantes/solutions : Contact et web-chat, texte et audio.


Concevoir une maquette accessible
Atelier : Création d'une page d'accueil d'un site web et choix de la structure et de l'ergonomie.


Intégrer des pages en HTML/CSS et JavaScript

Explication des points essentiels à prendre en compte : focus, DOM Order, tabindex, clavier, formulaire, contenu non visible, modal, tableau, Multimédia,…

Mise en forme CSS et widgets JavaScript :

Effectuer des requêtes asynchrones :
Atelier : Installation de l'environnement de développement et intégration de plusieurs pages d'un site web.

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique