Access42

Après la formation, les stagiaires seront capables de : - décrire les problématiques d'accessibilité rencontrées par les utilisateurs handicapés sur mobile ; - évaluer le statut de chacun des critères du RAAM ; - évaluer l'application des paramètres utilisateurs d'accessibilité disponibles sur Android et iOS ; - détecter les erreurs de restitutions et les incohérences de navigation avec les lecteurs d'écran natifs Android et iOS et avec un dispositif externe ; - rédiger des recommandations de correction ; - délivrer un score de conformité à la norme.

Introduction

- Le contexte légal et normatif (norme EN 310 549)
- Le Référentiel d'évaluation de l'accessibilité des applications mobiles du Grand-Duché de Luxembourg (RAAM)
- Les impacts utilisateurs spécifiques sur mobile
- Les ressources incontournables du développement mobile accessible
- Prise en main de la grille d'évaluation

Les fonctionnalités d'accessibilité sur mobile

- Définir les paramètres d'adaptation des contenus pour réaliser des tests (taille des caractères, couleurs, etc.)
- Découverte et prise en main des lecteurs d'écran sur mobile
- Découverte et prise en main de la navigation au clavier sur mobile
- Découverte de la navigation à la voix

Images

- Images décoratives
- Images porteuses d'information
- Images complexes
- Autre cas d'images

Couleurs

- Information par la couleur
- Contrastes des textes et des contenus non textuels
- Les mécanismes de remplacement natifs dans iOS

Multimédia

- Alternatives aux contenus multimédias (sous-titres, transcription, audiodescription)
- Adaptation des sous-titres aux préférences de l'utilisateur

Composants interactifs

- Déterminer le rôle des éléments
- Utilisation des composants interactifs avec un clavier ou un dispositif de pointage
- Alerte et mise à jour dynamique de contenus

Navigation

- Ordre cohérent de navigation avec un dispositif externe
- Ordre cohérent de navigation avec un lecteur d'écran
- Zoom sur les fenêtres modales

Structuration de l'information

- Listes
- Titres

Présentation de l'information

- Contenus visibles accessibles aux technologies d'assistance
- Gestion de l'agrandissement des caractères
- Information par la forme, la taille ou la position

Formulaires

- Étiquette de champ de formulaire (nom accessible)
- Nom visible des champs de formulaires
- Nom accessible des boutons
- Regroupements de champs
- Aide et contrôle de saisie

Éléments obligatoires

- Langue principale de traitement de l'application

Consultation

- Limites de temps
- Effets de flash
- Contenus en mouvements ou clignotants
- Indépendance de l'orientation
- Gestes complexes
- Actions simultanées
- Annulation du pointeur
- Déclenchement par le mouvement
- Caractéristiques biologiques

Documentation et fonctionnalité d'accessibilité

- Accessibilité de la documentation
- Description des fonctionnalités d'accessibilité

Outils d'édition

Services d'assistance

Communication en temps réel

- Les alternatives indispensables pour les communications en temps réel (texte en temps réel, signalement de l'activité orale ou visible).
- Les requis techniques minimum.

Sans niveau particulier

- Connaître les enjeux humains et juridiques de l'accessibilité numérique - Comprendre les impacts utilisateurs des défauts d'accessibilité et les actions à mettre en oeuvre pour les prévenir ou les corriger - Prendre en compte et prioriser les critères d'accessibilité issus du RGAA lors de la réalisation de livrables fonctionnels, graphiques et multimédias - Être capable de justifier les choix fonctionnels et graphiques favorisant l'accessibilité auprès de ses collègues, de sa direction et de ses clients

Découvrir l'accessibilité numérique

- Comprendre les grands principes de l'accessibilité numérique
- Typologie des handicaps et des besoins utilisateurs
- Normes techniques (WCAG, RGAA) et juridiques
- Design et accessibilité

Conception fonctionnelle
Navigation

- Impacts utilisateurs des défauts d'accessibilité en matière de navigation
- Liens d'évitement (ou d'accès rapide)
- Pouvoir atteindre ou éviter les zones de regroupement de contenus
- Ordre de tabulation
- Systèmes de navigation
- Plan du site
- Alternatives à l'indication visuelle de la page en cours de consultation

Images

- Impacts utilisateurs des défauts d'accessibilité concernant les images
- Images décoratives vs images porteuses d'information
- Images texte
- Images tests (CAPTCHA)
- Description détaillée des images porteuses d'information complexe

Formulaires

- Impacts utilisateurs des défauts d'accessibilité présents dans les formulaires
- Étiquettes de champs
- Intitulés des boutons
- Listes de choix
- Regroupements de champs
- Aides à la saisie
- Erreurs de saisie
- Modification, mise à jour ou récupération des données

Consultation

- Impacts utilisateurs des défauts d'accessibilité affectant la consultation
- Documents bureautiques
- Changements brusques de luminosité et effets de flash
- Contrôle des contenus en mouvement ou clignotants
- Contrôle des limites de temps
- Nouvelles fenêtres
- Orientation de l'écran
- Gestes de pointage
- Annulation du pointeur
- Activation par le mouvement
- Faciliter la compréhension des contenus textuels

Tableaux

- Impacts utilisateurs des défauts d'accessibilité concernant les tableaux
- Distinction entre tableau simple, tableau complexe et tableau de mise en forme
- Titres de tableaux
- En-têtes de tableaux
- Résumé des tableaux complexes

Conception graphique
Couleurs

- Impacts utilisateurs des défauts d'accessibilité concernant les couleurs
- Contrastes des textes
- Contrastes non textuels
- Alternative à l'information donnée par la couleur

Présentation de l'information

- Impacts utilisateurs des défauts d'accessibilité concernant la présentation de l'information
- Liens dont la nature n'est pas évidente
- Prise de focus (outline)
- Alternatives pour l'information donnée par la forme, la taille ou la position
- Linéarisation du contenu
- Typographie

Conception multimédia

- Impacts utilisateurs des défauts d'accessibilité en matière de multimédia
-Identifier le média
- Permettre la compréhension du média sans le son : transcription textuelle, sous-titrage et interprétation en langue des signes française (LSF)
- Permettre la compréhension du média sans l'image : audiodescription, volume des dialogues et donner le contrôle sur les sons déclenchés automatiquement

Méthodologie

- Personas
- Tests d'utilisabilité
- Label e-accessible
- Ressources

Sans niveau particulier

- Aider la Direction à définir une stratégie de prise en compte du handicap dans sa politique numérique ; - Animer la politique accessibilité numérique définie par la Direction ; - Sensibiliser les personnes de son entourage professionnel (collègues, prestataires, managers...) à la prise en compte du handicap ; - Impulser une dynamique favorable au changement de culture pour prendre en compte l'accessibilité à tous les niveaux de l'organisation (achats, conception/UX, développements techniques, formation...) ; - Rédiger des schémas d'accessibilité (annuel et pluriannuel).

1. Comprendre les grands concepts de l'accessibilité numérique
- Les impacts utilisateur ;
- Du handicap à l'accessibilité, une évolution sémantique pour la reconnaissance d'un droit humain ;
- Définition et rôle des technologies d'assistance ;
- Démonstrations.

2. Savoir appréhender les normes juridiques et techniques
- Le contexte juridique international, européen et français ;
- Obligations théoriques et sanctions pénales ;
- Le W3C et l'objectif d'universalité du Web ;
- La WAI et les trois grands corps de normes pour l'accessibilité ;
- Les WCAG 2 : 4 grands principes, 12 règles et 3 niveaux ;
- Le RGAA, méthode d'application au contexte légal français.

Exercice : réaliser une présentation de sensibilisation de l'accessibilité de 15 minutes.

3. Définir le rôle du référent accessibilité numérique

4. Mettre en place l'accessibilité dans une organisation
- Cartographier l'organisation ;
- Cartographier le périmètre ;
- Schéma pluriannuel d'accessibilité.

5. Découvrir les audits et le RGAA
5.1. Zoom sur le RGAA : un référentiel opérationnel de vérification de la conformité aux normes WCAG 2
- Les différents documents du RGAA en détail (introduction, guide d'accompagnement, référentiel technique, glossaire, notes techniques et base de référence) ;
- La notion d'aménagement raisonnable ;
- Le traitement des dérogations selon le RGAA et le principe de compensation ;
- La notion d'environnement maîtrisé et l'adaptation nécessaire de la base de référence ;
- L'environnement du RGAA : les ressources et le label e-accessible.

5.2. L'audit : outil de mesure de la conformité
- L'audit : construire l'échantillon ;
- Audit interne et audit externe ;
- Audit d'évaluation : diagnostic rapide ;
- Exercice d'évaluation d'une référence d'un prestataire ou d'une livraison.

6. Gérer les résultats d'un audit : priorisation des corrections
- Étude de cas réel et mise en situation.

7. Suivre l'accessibilité : mesure et indicateurs

8. Mettre en application les aspects réglementaires
- Zoom sur le guide d'accompagnement ;
- Déclaration de conformité RGAA ;
- Loi République numérique ;
- Zoom sur le label e-accessible.

Sans niveau particulier

- Intégrer pleinement les méthodes de détection d'erreurs d'accessibilité numérique dans son travail quotidien - Maîtriser le référentiel RGAA - Maîtriser les techniques, les outils de détection et les solutions de corrections - Maîtriser la préparation et la conduite d'un audit, ainsi que la production d'un rapport - Maîtriser les notions de dérogation, d'arbitrage et d'aménagement raisonnable - Maîtriser les impacts utilisateurs

Introduction

- Le RGAA en pratique : anatomie d'un critère et des tests associés
- Utilisation des documents connexes (cas particuliers, notes techniques, glossaire et base de référence)
- Retour sur les impacts utilisateurs
- Les ressources du RGAA utiles aux auditeurs
- Méthodologie d'audit (statut des critères, rédaction des non-conformités, prise en main de l'inspecteur de code, etc.)


Éléments visuels

- Images : alternative et description longue, utilisation de figure/figcaption (HTML5), traitement des images textes
- Couleurs : indication donnée par la couleur, gestion des contrastes des textes et des composants d'interface
- Présentation de l'information : utilisation de CSS, Zoom, visibilité du focus, indication donnée par la forme ou la position, espacement des textes, contrôle des informations au survol et au focus, personnalisation et adaptation spécifiques


Standards

- Cadres : identifier les cadres
- Éléments obligatoires : validité du code, titre de page, indication de langue...


Structure

- Tableaux : titre, résumé, en-têtes
- Structuration de l'information : titres, listes, abréviations, citations, structure du document (HTML5)


Multimédia

- Transcription, sous-titres, audiodescription, animation, vidéo et son
- Accessibilité de l'interface


Consultation

- Rafraîchissements, limites temporelles, clignotements
- Accessibilité des documents bureautiques en téléchargement
- Orientation
- Gestes complexes, actions déclenchées par les mouvements
- Cohérence du déclenchement des actions


Orientation

- Liens : liens explicites, images liens, liens composites, liens riches (HTML5)
- Navigation : menu de navigation, plan du site, moteur de recherche, liens de navigation, landmarks (HTML5/ARIA)


Formulaires

- Identification des champs, regroupement et structuration, aides à la saisie
- Nouveaux éléments de formulaire (HTML5)
- Utilisation de WAI-ARIA


Script

- Compatibilité et accès au clavier
- Changement de contexte
- Alerte non sollicitée


ARIA et développement de composants riches

- Modèle de conception
- Base de référence
- Atelier de démonstration : comment tester un composant JavaScript ARIA


Exercice

- Audit complet d'une page


Conduire un audit

- Échantillonner
- Auditer
- Rédiger un rapport d'accessibilité
- Restituer les résultats de l'audit
- Arbitrer selon les impacts utilisateurs
- Dérogations et aménagements raisonnables

Sans niveau particulier

- Savoir définir l'accessibilité du web (définition, contexte législatif, technologies d'assistance) - Intégrer les bonnes pratiques de l'accessibilité du web de manière courante dans son activité - Maîtriser le développement de sites, d'applications web ou de contenus accessibles - Maîtriser les nouveaux langages (HTML5, ARIA) et les problématiques d'accessibilité qui y sont liées - Utiliser facilement le référentiel RGAA et ses ressources - Utiliser les outils de tests (lecteur d'écran, inspecteur d'interface, afficheur d'arbre accessible, etc.)

Introduction
- Retour sur le contexte légal en France et à l'international
- Description des impacts utilisateurs

Prise en main du référentiel technique du RGAA
- Retour sur le référentiel technique du RGAA : anatomie d'un critère et des tests associés, utilité du glossaire et des cas particuliers
- Le traitement des dérogations et le principe de compensation selon le RGAA
- Présentation de la base de référence

Structuration des contenus
- Identifier les cadres
- Standards de langage : validité du code, titre de page, indications de langue, etc.
- Tableaux : titre, résumé, en-têtes
- Structuration de l'information : titres, listes, abréviations, citations, structure du document HTML5

Images et présentation de l'information
- Images : alternatives, description détaillée, légendes d'images, images textes
- Couleurs : indications données par la couleur, gestion des contrastes
- Multimédia : transcription, sous-titres, audiodescription, vidéo et audio (HTML5), accessibilité des contrôles
- Présentation de l'information : utilisation de CSS, gestion du zoom, visibilité du focus, alternatives aux indications données par la forme ou la position, personnalisations et adaptations spécifiques

Navigation et consultation
- Consultation : rafraîchissements de page, limites temporelles, contenus clignotants
- Liens : liens explicites, liens images, liens composites (HTML5)
- Navigation : menu de navigation, plan du site, moteur de recherche, liens de navigation, landmarks (HTML5/ARIA)

Interactivité et contenus complexes
- JavaScript : gestion des alternatives, accès au clavier
- WAI-ARIA : rôles, états et propriétés (API), motifs de conception, techniques et règles d'implémentation, tests et validation
- Formulaires : identification des champs, regroupement et structuration, aides à la saisie, nouveaux éléments de formulaire (HTML5), utilisation de WAI-ARIA

Sans niveau particulier

- Produire des contenus (textes, images, tableau, liens, etc.) en prenant en compte les besoins spécifiques des personnes en situation de handicap - Produire des contenus sur les réseaux sociaux en prenant en compte les besoins spécifiques des personnes en situation de handicap - Évaluer et corriger des contenus web inaccessibles

1. Sensibilisation à l'accessibilité numérique

- Retour sur le contexte légal en France et à l'international
- Description des impacts utilisateurs

2. Conception et édition : les impacts sur l'accessibilité numérique

- Rôle des équipes de conception dans la prise en compte de l'accessibilité numérique
- Rôle des équipes en charge de l'éditorial dans la prise en compte de l'accessibilité numérique et sa pérennisation
- Liste des critères d'accessibilité à discuter dès la conception

3. Images

- Images de décoration
- Images porteuses d'information
- Images complexes
- Images liens
- Textes en images
- Images légendées

4. Rédiger sans se contenter d'informations de position ou de couleur

- Information donnée par la couleur, la taille ou la position
- Contraste des couleurs

5. Structurer ses contenus

- Titres
- Listes
- Citations
- Paragraphes

6. Tableaux

- Tableaux de données simples
- Tableaux de données complexes

7. Multilinguisme

- Changements de langue
- Changements de sens de lecture

8. Orienter les utilisateurs

- Liens explicites
- Liens dans un environnement de texte
- Infobulle
- Ouverture dans une nouvelle fenêtre

9. Documents en téléchargement

- Informer sur la nature des documents en téléchargement
- Documents bureautiques accessibles

10. Penser sa rédaction pour le plus grand nombre

- Abréviations, acronymes et sigles
- Compréhension des contenus
- Alternatives aux textes complexes
- Écriture inclusive et accessibilité

11. Multimédia

- Identification des médias
- Vidéo : comprendre sans le son
- Vidéo : comprendre sans les images
- Audio : comprendre sans le son

12. Réseaux sociaux (Twitter, LinkedIn)

- Alternatives aux images
- Les hashtags
- Les emojis et caractères spéciaux
- Le partage de vidéos
- Contraste des couleurs

13. En résumé

- Résumé des critères d'accessibilité et points importants vus dans la journée

14. Ressources pour la contribution accessible

- Panorama des ressources disponibles pour appuyer la contribution accessible

Sans niveau particulier

- Produire des contenus (textes, images, tableau, liens, etc.) en prenant en compte les besoins spécifiques des personnes en situation de handicap - Identifier les erreurs dans un document bureautique et les corriger - Créer un modèle de document bureautique qui pourra être diffusé et utilisé à l'issue de la session de formation pour assurer une accessibilité minimale des documents

1. Sensibilisation à l'accessibilité numérique

- Retour sur le contexte légal en France et à l'international
- Description des impacts utilisateurs

2. Conception et édition : les impacts sur l'accessibilité numérique

- Rôle des équipes de conception dans la prise en compte de l'accessibilité numérique
- Rôle des équipes en charge de l'éditorial dans la prise en compte de l'accessibilité numérique et sa pérennisation

3. Images

- Images de décoration
- Images porteuses d'information
- Images liens
- Images complexes
- Textes en images
- Images légendées

4. Rédiger sans se contenter d'informations de position ou de couleur

- Information donnée par la couleur
- Information par la forme, la taille ou la position
- Contrastes de couleurs

5. Structurer ses contenus

- Titres
- Listes
- Sommaire
- Tableaux de présentation
- Tableaux de données et tableaux complexes
- Notes de bas de page
- Ordre de lecture

6. Maîtriser les effets de présentation

- Détournement d'éléments
- Texte justifié et largeur de colonnes

7. Orienter les utilisateurs

- Liens explicites
- Liens identiques
- Liens explicites hors contexte
- Changement de langue
- Changement de sens de lecture

8. Penser sa rédaction pour le plus grand nombre

- Abréviations, acronymes et sigles
- Compréhension des contenus
- Alternatives aux textes complexes

9. Finaliser le document

- Vérifier l'accessibilité
- Renseigner les métadonnées
- Enregistrer au format PDF accessible

10. Les autres formats

- PowerPoint : points de vigilance pour créer un support PowerPoint accessible
- Excel : points de vigilance pour créer une feuille de calcul Excel accessible

Sans niveau particulier

- Comprendre l'impact des problèmes d'accessibilité posés par les supports et les outils numériques utilisés dans un processus de formation - Identifier les solutions de compensation du handicap et les ressources mobilisables - Mettre en oeuvre une démarche pour évaluer le niveau d'accessibilité numérique de solutions tierces ou de prestataires - Anticiper les besoins en accessibilité et identifier les points d'attention à prévoir lors de la conception d'une formation - Maîtriser les outils permettant d'évaluer le niveau d'accessibilité d'une solution tierce ou d'un prestataire - Connaître les outils et ressources disponibles pour rendre accessibles des supports et des outils numériques dédiés à la formation

1. Handicap, emploi et formation

- Handicap : premier motif de signalement auprès du Défenseur des droits
- Handicap et emploi : insécurité professionnelle

2. Handicap et accessibilité

- L'accessibilité : un droit fondamental
- Différents types de handicaps

3. Handicap et numérique

- Définition de l'accessibilité numérique
- Le W3C et l'objectif d'universalité du web
- Besoins spécifiques pour naviguer
- Exercices, découverte d'outils de test, analyse de sites web
- Définition et rôle des technologies d'assistance
- Démonstrations

4. Accessibilité des formations

- Contexte juridique des obligations de formation pour les employeurs et pour les organismes des formations à l'international et en France (Convention relative aux droits des personnes handicapées de l'ONU, Code du travail)
- Les obligations d'aménagement raisonnables et la mise en place de moyen de compensation dans le cadre de la formation professionnelle
- Zoom sur Qualiopi et les indicateurs concernés légales et sanctions pénales
- Échanges/Retours d'expérience

5. Accessibilité numérique

- Le RGAA 4 (Référentiel général d'amélioration de l'accessibilité)
- Présentation de quelques critères d'accessibilité et de méthodes simples d'évaluation
- Évaluation du niveau d'accessibilité d'une ressource pédagogique

6. Les solutions tierces pour l'animation

- Outil de visioconférence pour les formations en distanciel : accessibilité des outils, mise à disposition d'alternatives (sous-titres, transcription en direct)
- Les plateformes LMS (Learning Management System)
- Les outils d'animation : tableau blanc collaboratif, documents collaboratifs
- Échanges/Retours d'expérience
- Exercice
- Évaluer l'accessibilité des solutions tierces pour animer une formation
- Exiger l'accessibilité dans les contrats
- L'accessibilité numérique dans un cahier des charges

7. Évaluer le besoin, se positionner

- Évaluer le niveau d'accessibilité d'une formation
- Les accompagnements possibles (Agefiph, Cap Emploi, etc.)
- Échanges/Retours d'expérience

8. Audit rapide

Apprendre à évaluer simplement certains aspects de l'accessibilité d'une ressource numérique sur la base de critères non techniques du RGAA.

Chaque test donne lieu à une discussion sur les solutions à mettre en oeuvre et les moyens disponibles pour améliorer et réparer les erreurs.

- Tests automatiques de la validité du code
- Parcours au clavier
- Zoom texte
- Formulaires
- Contrastes de couleurs
- Contrôle des animations
- Structure d'une page web
- Accessibilité des vidéos

Sans niveau particulier