L’Accessibilité Web concerne la facilité d’accès aux contenus (lecture) et aux services (réservation, commande, question, etc.) proposés par les différents sites WEB.

Bien entendu les personnes handicapées sont directement concernées par cette problématique mais plus généralement tous les profils d’utilisateurs et ceci quel que soit le dispositif et le contexte d’accès à l’information.

Cette formation Accessibilité WEB pour développeurs propose dans un premier temps de vous dresser un panorama complet et concret de la problématique de l’accessibilité Web et les règles de base à respecter pour proposer des solutions aux personnes en situation de handicap ainsi que les normes et standards existants.

Ensuite la formation aborde l’accessibilité Web sous l’angle du développement et notamment sur des aspects techniques relatifs aux langages HTML, CSS, et Javascript.

En ce qui concerne ce module de formation, les normes et directives suivantes seront appliquées :

• WCAG 2.1 (qui est la base de la directive 2016/2102)
• RGAA 4
• AccessiWeb
• la directive 2016/2102
• la norme EN 301 549 applicable aux applications mobiles

Objectif opérationnel

Savoir intégrer l’Accessibilité Web dans un projet de développement Web

Objectifs pédagogiques

À l’issue de cette formation Accessibilité WEB pour développeurs, vous aurez acquis les connaissances nécessaires pour :

• Comprendre les problèmes rencontrés par les personnes en situation de handicap, lorsqu’elles naviguent sur le Web
• Comprendre les enjeux et l’intérêt des normes d’accessibilité
• Savoir intégrer techniquement l’accessibilité dans les développements Web
• Savoir comment tester l’accessibilité d’une application ou d’un site WEB
• Prendre en compte l’utilisation de CSS et Javascript pour ne pas nuire à l’accessibilité Web
• Connaître les critères de succès et les bonnes pratiques en matière d’accessibilité Web

Public :

Cette formation pratique Accessibilité Web concerne les développeurs Front-end, les intégrateurs web, Webmaster.

Prérequis :

Afin de participer à ce cours de bonnes pratiques, il est nécessaire d’avoir des connaissances en intégration front end HTML, CSS et JavaScript.

L’ accessibilité Web

Handicaps & Solutions
Navigation et Aides Techniques
Accessibilité Web
Les enjeux : Sociaux et légaux
Accessibilité & Projet

Les règles de base de l’Accessibilité Web

Anatomie et Sémantique
Les règles de l’Accessibilité Numérique
Les titres, listes, liens, images et contenus multimédia, les tableaux, formulaires, etc.
Les éléments de navigation

L’utilisation de ARIA (Accessible Rich Internet Applications)

Vue générale sur les impacts du JavaScript
La recommandation ARIA

Comment auditer l’accessibilité ?

Méthode manuelle (70% des critères)
Méthode automatique (30% des critères) : Tanaguru, Axe… etc.
Exemples de rapport d’audit

HTML

Apports du HTML sémantique pour l’accessibilité
Bonne structure des titres, paragraphes, listes, etc.
Le choix des mots (langage clair)
La disposition des pages à éviter
Clavier et accessibilité
Problèmes classiques avec les tableaux
Accessibilité et éléments multimédia (image, son, vidéos)

CSS

Sémantique correcte et attentes de l’utilisateur
Conseils sur les hyperliens
Conseils sur les formulaires
Couleur et contraste de couleur
Les mécanismes pour masquer du contenu
Permettre la modification des styles

Produire du JavaScript accessible

Aspects fondamentaux du langage JavaScript (règles, tests, outils)
Tour d’horizon des Librairies JavaScrip
Rendre « discret » le Javascript
Evénements spécifiques à la souris (survol d’image, etc.)

AJAX et contenus dynamiques

Aspects fondamentaux (règles, tests, outils)
Gestion des contenus en mouvement et mise à jour

ARIA tour d’horizon et mise en en application

Fournir une sémantique supplémentaire
Aspects fondamentaux (règles, tests, outils)
Rôles, propriétés et états
Schéma de conception (Design patterns)

Cas pratiques avancés (Javascript et ARIA)

Analyse fonctionnelle et définition des composants
Développement de composants
Test de composants