ORSYS : 02. Développer et coder des sites web accessibles

À l’issue de la formation, l’apprenant sera capable de développer des sites conformes aux recommandations des référentiels d'accessibilité numérique (WCAG ou RGAA).

Type de pédagogie

Ce cours, très interactif, s’appuie sur de nombreux exercices et travaux pratiques.

Objectifs pédagogiques

1.      Définir précisément ce qu’est l’accessibilité numérique et la distinguer des autres domaines connexes : ergonomie, qualité...

2.      Connaître les normes d’accessibilité numérique : règles internationales (WCAG) et référentiel RGAA.

3.      Intégrer les règles d’accessibilité dans ses habitudes de développement

4.      Concevoir un code conforme aux règles d’accessibilité

5.      Débugguer un code non-accessible

6.      Dialoguer avec des consultants en accessibilité en cas d’audit

Participants

Développeurs web, intégrateurs.

Prérequis

Avoir suivi la formation « Sensibilisation à l’accessibilité numérique », disposer de connaissances avancées dans le développement de sites web.

Programme :

 1. Présentation de l'accessibilité

1/3 jour- Les utilisateurs qui sont concernés par l’accessibilité web.- Les normes d’accessibilité (WCAG ou RGAA)- Les contraintes d’accessibilité fixées par la législation.- La structuration d’une page web.

Travaux pratiques

Adaptation d’une page web selon les contraintes d’accessibilité

 2. Les éléments obligatoires, les liens et la navigation

1/3 jour- Les éléments obligatoires à connaître absolument.- La contrainte des liens.- Disposer d’une navigation conforme.

Travaux pratiques

Création de liens et mise en place d’une navigation conforme

 3. L’information et la problématique de consultation

1/3 jour- Les problématiques de présentation de l’information.- La consultation : comprendre les tenants et les aboutissants.

Travaux pratiques

Analyse de la consultation

 4. Les images, les tableaux et les liens

1/3 jour- L’utilisation des images.- L’alternative textuelle.- L’adaptation textuelle des infographies.- Gestion du background CSS.- Mise en place de légendes.- SVG et CAPTCHA visuel.- Mise en place des couleurs.- Création de tableaux accessibles.

Travaux pratiques

Intégration d’images et de tableaux

 5.  Le multimédia et les scripts

1/2 jour- Le contenu multimédia conforme.- Mettre en place de scripts conformes.

Travaux pratiques

Création de script adapté à l’accessibilité.

6. Les cadres et les formulaires

1/3 jour- Créer des formulaires accessibles.- Le développement de cadres conformes.

Travaux pratiques

Conception de formulaires accessibles