أهداف الدورة التكوينية
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
لمن تتوجه هذه الدورة؟
Cette formation pratique Accessibilité Web concerne les développeurs Front-end, les intégrateurs web, Webmaster.
المتطلبات المسبقة
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
Description de la formation Accessibilité Web Développeurs
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
المواضيع: Ergonomie Web, Tablette, Mobile – UX

