Développement : développer et coder des services web accessibles

Apprenez l’ensemble des règles du développement accessible pour une conformité aux référentiels d’accessibilité (WCAG, RGAA).

Durée : 5 jours

Effectifs : 3 à 10 personnes

À qui s’adresse cette formation ?

Cette formation s’adresse principalement, mais pas exclusivement aux profils suivants :

  • Intégration et développement web : Développeurs et développeuses web (de manière générale), front-end / JavaScript, Intégrateurs et intégratrices web, Responsables techniques, etc.

Prérequis

  • Avoir suivi une sensibilisation à l’accessibilité numérique
  • Développement Front (HTML / CSS), simples
  • Notions en JavaScript
  • Disposer des technologies d’assistance (lecteurs écran) sous PC (NVDA) ou Mac (VoiceOver déjà présent)

Objectifs

  • Acquérir les connaissances nécessaires pour intégrer le RGAA / les WCAG dans le développement de sites et applications web
  • Maîtriser la sémantique des balises HTML et son impact sur l’accessibilité numérique
  • Gérer les feuilles de styles pour masquer de façon accessible et permettre le redimensionnement du texte
  • Anticiper le développement de contenus dynamiques accessibles avec JavaScript

Plan de la formation

  • Jour 1 :
    • Introduction et rappel du cadre technique
      • Recommandations du W3C (WCAG et WAI-ARIA)
      • L’histoire du HTML
      • Anatomie d’une page Web
    • Produire du HTML 5 et du CSS 3 accessibles
      • Structuration du document web
      • Contenus multimédias
      • Formulaires, liens et boutons
  • Jour 2 :
    • Produire du JavaScript accessible
      • Aspects fondamentaux du langage JavaScript (règles, tests, outils)
      • Tour d’horizon des Librairies JavaScript
  • Jour 3 :
    • AJAX et contenus dynamiques
      • Aspects fondamentaux (règles, tests, outils)
      • Gestion des contenus en mouvement et mise à jour
  • Jour 4 :
    • ARIA tour d’horizon et mise en application
      • Aspects fondamentaux (règles, tests, outils)
      • Rôles, propriétés et états
      • Schémas de conception (Design patterns)
  • Jour 5 :
    • Cas pratiques avancés (Javascript et ARIA)
      • Analyse fonctionnelle et définition des composants
      • Développement de composants
      • Test de composants

Modalités d’évaluation

Les bénéficiaires pourront mettre en pratique leurs apprentissages grâce à des exercices pratiques le dernier jour de la formation. Les acquis seront ensuite évalués grâce à un questionnaire corrigé en fin de formation.

Modalités pédagogiques

Ce cours magistral interactif sera accompagné de démonstrations, d’études de cas et d’exercices pratiques qui rendent immédiatement opérationnelles les techniques et méthodes enseignées.

Accessibilité de la formation aux personnes en situation de handicap

Toutes nos formations peuvent être adaptées à un public en situation de handicap. N’hésitez pas à nous contacter pour toute demande d’adaptation ou pour plus de renseignements.

Page mise à jour le 26 février 2024.