Fondamentaux du développement web accessible Mixte : présentiel / à distance

L'accessibilité devient une exigence forte dans le développement front des produits numériques actuels. En effet, elle permet de produire des interfaces robustes, utilisables par tous les utilisateurs quelles que soient leurs difficultés (visuelles, motrices, etc.) ou leur matériel (navigateur, synthèse vocale, plage braille, etc.)

 

Cette formation a pour objectif de vous initier rapidement et efficacement au développement accessible, en démystifiant les exigences normatives, et en vous donnant les repères et outils pour fabriquer des interfaces web (sites, applications, etc.) respectant les bases de l'accessibilité numérique.

 

À l'issue de cette formation, les participants sauront produire un socle HTML/CSS exempt d'erreurs d'accessibilité fondamentales.

• Découvrir les concepts et les enjeux de l'accessibilité numérique
• Acquérir les points de vigilance du codage accessible
• S'approprier les bonnes pratiques sémantiques du code HTML
• Devenir autonome dans la recherche de solutions accessibles

• Développeur front
• Intégrateur
• Directeur technique
• Consultant

• Connaissance du développement web
• De préférence, venir équipé(e) de son propre ordinateur pour bénéficier de l'installation d'outils dédiés.

Formation avec apports théoriques, échanges sur les contextes des participants et retours d'expérience pratique du formateur, complétés de travaux pratiques et de mises en situation. Ressources complémentaires distribuées à tous les participants.

Cette formation est dispensée par un·e ou plusieurs consultant·es d'OCTO Technology ou de son réseau de partenaires, expert·es reconnus des sujets traités.

Le processus de sélection de nos formateurs et formatrices est exigeant et repose sur une évaluation rigoureuse leurs capacités techniques, de leur expérience professionnelle et de leurs compétences pédagogiques.

L'évaluation des acquis se fait tout au long de la session au travers des ateliers et des mises en pratique.

Afin de valider les compétences acquises lors de la formation, un formulaire d'auto-positionnement est envoyé en amont et en aval de celle-ci.

En l'absence de réponse d'un ou plusieurs participants, un temps sera consacré en ouverture de session pour prendre connaissance du positionnement de chaque stagiaire sur les objectifs pédagogiques évalués.

Une évaluation à chaud est également effectuée en fin de session pour mesurer la satisfaction des stagiaires et un certificat de réalisation leur est adressé individuellement.

Jour 1

 

INTRODUCTION À L'ACCÉSSIBILITÉ NUMÉRIQUE

• Contextes utilisateurs et technologies d'assistance
• Norme et référentiels (WCAG, RGAA, etc.)

 

STRUCTURATION

• Déclaration du document HTML
• Balises sectionnantes et ARIA Landmarks 
• Hiérarchie des titres h1, h2, h3 (…) et <title>
• Listes, tableaux, citations, etc.
• Langues et multilinguisme

 

NAVIGATION

• Codage des liens et boutons 
• Navigation au clavier
• Menus et liens d'évitements (skiplinks)

 

Jour 2

 

PRÉSENTATION

• Séparer fond (HTML) et forme (CSS)
• Permettre l'agrandissement des textes

 

CONTENUS NON-TEXTUELS

• Alternatives textuelles aux contenus visuels
• Alternatives aux contenus multimédias

 

FORMULAIRES 

• Consignes de saisie (<label>, placeholder, etc.)
• Champs obligatoires
• Messages d'erreur

 

DÉPLOIEMENT

• Recette et outils de test
• Travail d'équipe et ressources partagées
• Accessibilité en contexte agile

• Critères du Référentiel général d'amélioration de l'accessibilité (RGAA)
• Notice AcceDe Web d'accessibilité HTML et CSS

30

50

20