Développer des interfaces web accessibles

3 jours

1 400€HT

Accessibilité

Les développeurs(euses) front-end et intégrateurs(trices) ont un rôle primordial dans l’accessibilité Web car ils sont au coeur de la réalisation d’un site Web ou d’une application. Programme mis à jour le 05/01/2023

 4.7/5

4,7

Taux de recommandation : 100%

Note moyenne pour l’ensemble de nos formations en accessibilité numérique dispensées en 2022*

Pour planifier une formation ou obtenir plus d’information, merci d’envoyer un mail à : formation@warren-walter.com

*Le nombre de sessions réalisées pour cette formation est insuffisant pour établir des statistiques. Il s’agit de la note moyenne et du taux de recommandation moyen attribué(e)s par les 71,42% de stagiaires ayant suivi une formation en accessibilité numérique en 2022 et ayant répondu à notre questionnaire d’évaluation.

Détail de la formation développer des interfaces web accessibles :

Pour qui ?

Développeurs et développeuses Front-end.

Intégrateurs et intégratrices.

Modalités

Prérequis

Durée

3 jours (21 heures)

Prix

Prérequis matériel

Un ordinateur équipé des logiciels demandés lors de l’inscription.

Langue de la formation

🇫🇷 FR

Nos formations sont aménageables sur demande pour les personnes sourdes et malentendantes.*

Nos formations sont aménageables sur demande pour les personnes en situation de handicap intellectuel, psychique ou cognitif.*

Cette formation n’est pas entièrement accessible aux personnes très malvoyantes ou aveugles.

Cette formation est accessible aux personnes ayant des troubles de la vision (basse vision, daltonisme, etc.).

*Les aménagements spécifiques peuvent entraîner des frais supplémentaires.

Nous sommes certifés Qualiopi

La certification qualité a été délivrée au titre de la catégorie d’action suivante : actions de formation.

Objectifs

Découvrir l’accessibilité numérique.
Comprendre les enjeux humains, techniques et légaux de l’accessibilité numérique.
Comprendre le rôle du développement front-end dans l’accessibilité d’un projet Web.
Acquérir les connaissances nécessaires pour prendre en compte le RGAA et intégrer l’accessibilité Web dans le développement des sites et applications.
Maîtriser la sémantique HTML et les styles CSS pour mesurer leurs impacts sur l’accessibilité numérique.
Découvrir ARIA pour rendre les éléments dynamiques accessibles.
Comprendre l’accessibilité numérique et les framework Javascript (Angular, React, VueJS).
Tester son code avec un lecteur d’écran.

Aptitudes / Compétences visées

A l’issue de la formation le stagiaire sera capable de :

Mesurer les enjeux et les impacts de l’accessibilité numérique pour les personnes en situation de handicap.
Utiliser le RGAA pour mieux développer les interfaces Web.
Utiliser le RGAA pour aider en phase de conception.
Coder une interface accessible : Structurer le code, maîtriser le HTML pour avoir une bonne sémantique, coder des composants interactifs accessibles, comprendre le landmark ARIA, masquer du contenu de façon accessible...
Tester et contrôler l’accessibilité des interfaces Web.
Utiliser un lecteur d’écran pour mesurer l’accessibilité de son code.
Trouver des non-conformités sur une page web, les réparer ou proposer des solutions de correction.

Pédagogie de la formation

La formation alterne entre théorie, démonstrations avec de nombreux exemples, mises en situation et exercices.

Théorie

60%

Pratique

40%

Programme de la formation développer des interfaces web accessibles

1 • Qu’est-ce que l’accessibilité numérique ?

Avant-propos
Pourquoi concevoir un produit accessible ?
Les différents types de handicap
Définition de l’accessibilité numérique
Comment tester l’accessibilité numérique ?
La boîte à outils
Conclusion : Les clefs de la réussite d’un projet numérique accessible

2 • Comment coder l’accessibilité numérique ?

2.1 – Structurer l’information

Sémantique HTML
Navigation (avec démonstration au travers d’un lecteur d’écran (Voice Over – Apple))
Hiérarchie et apparence des titres
Intitulés des liens et boutons explicites (comment éviter de « cliquer ici » ou « lire la suite » ?)
Distinguer les liens de nature différente (nouvelle fenêtre, téléchargement, courriel…)
Distinguer un lien du texte environnant
Effet de survol et de focus
Ordre de tabulation

2.2 – Présenter l’information

Bien gérer les contenus animés
Confort d’utilisation et consultation
Contrastes de couleur
Images
Communication par la couleur
Lisibilité typographique
Formulaires
Tableaux

2.3 – Les outils pour auditer l’accessibilité

Nous verrons ensemble quels outils installer pour auditer rapidement un site ou une page Web.

2.4 – Composants d’interface riche (modale, dropdown etc.)

Nous verrons comment bien créer et structurer un composant riche d’interface.

2.5 – Rendre un Design System accessible

Différences entre des composants inaccessibles et accessibles (modale, dropdown, card…)

2.6 – L’accessibilité Web orientée SPA (Single Page Application)

Nous verrons comment intégrer l’accessibilité Web dans les frameworks JavaScript Angular, React ou VueJS.

Pour planifier une formation ou obtenir plus d’information, merci d’envoyer un mail à : formation@warren-walter.com

Vous serez recontactés dans un délai de 48h.
Le délai d’accès pour l’entrée en formation est de 2 semaines.

Taux de satisfaction moyen de nos formations : 87,5%.

Compétences et profils des formateurs

Nos formateurs sont experts ou référents Accessibilité.

Modalités d'évaluation des acquis

L’évaluation des acquis se fait tout au long de la formation au travers de mises en situation, d’exercices pratiques et de QCM.

Moyens techniques et matériel pédagogique

Un support de formation numérique (format PDF) est remis à chaque stagiaire.

En présentiel :
Salle de formation équipée d’un vidéo projecteur et d’un paper board.

A distance :
La formation a lieu en ligne sur les plateformes Zoom (service de visioconférence).
Le stagiaire doit pouvoir disposer du matériel suivant pour suivre la formation :
– un ordinateur (Mac ou PC) ;
– une bonne connexion Internet (supérieure à 300 Mb/s);
– un casque, un micro et une webcam ;
– le logiciel Zoom : l’URL de connexion est communiquée par email au plus tard la veille de la formation.