Comment tester l'accessibilité des sites Web

Qualiopi
À partir de 1520 €
Durée 14h en 2 jours
Localisation Partout en France
Logo de M2I - Comment tester l'accessibilité des sites Web

Proposé par

M2I

Prérequis

Maîtriser au minimum les technologies HTML5, CSS3 et avoir des notions de Javascript.

Public admis

  • Salarié en Poste
  • Entreprise

Demandeur d'emploi et Etudiant non admis

Financement

  • Votre OPCO
  • Financement personnel

Financement CPF non pris en charge

Modalités

  • En centre
  • À distance

Objectifs pédagogiques

A l'issue de cette formation, vous serez capable de :

  • Identifier les bonnes pratiques de conception
  • Auto-évaluer l'accessibilité des sites Web à travers le référentiel RGAA.

Programme de la formation

Jour 1

L'audit RGAA

  • Périmètre, échantillon
  • Tester les critères du RGAA
  • Résultats et calcul du taux de conformité
  • Exemptions et dérogations
  • Déclaration de conformité RGAA

Les outils de tests

  • Les outils automatiques
  • Les outils manuels
  • Présentation des outils de tests (ANDI, HeadingsMap, Stylus…)
  • Application à des cas pratiques :
    • Détection d'éléments
    • Vérification de propriétés
    • Pertinence des choix techniques

Fonctionnement des technologies d'assistance

  • Interfaçage entre applications et lecteur d'écran
  • Interactions avec les contenus en HTML
  • Limitations du HTML

Standard ARIA

  • Présentation
  • Rôle
  • Syntaxe générale
  • Utilisation dans le HTML
  • Outils d'inspection

Les critères du RGAA 4

Images (critères 1.1 à 1.9)

  • Les différents types d'images, et les objectifs associés
    • Images décoratives
    • Images informatives simples
    • Images complexes
    • Images de texte
    • Images légendées

Cadres (critères 2.1 et 2.2)

  • Techniques de détection et de test

Couleurs (critères 3.1 à 3.3)

    • Information donnée par la couleur
    • Contrastes de couleurs

Multimédia (critères 4.1 à 4.13) :

    • Les différents besoins utilisateurs
    • Compatibilité avec les technologies d'assistance

Tableaux (critères 5.1 à 5.8)

  • Tableaux de données
    • Bonnes pratiques associées
    • Techniques d'implémentation (tableaux simples, à double entrée…)
  • Tableaux de présentation

Liens (critères 6.1 et 6.2)

  • Les différents types de liens
  • Notion de lien explicite, notion de contexte de lien
  • Liens vides

Exemples de travaux pratiques (à titre indicatif)

  • Vérifier et évaluer les rôles et noms accessibles d'éléments de pages Web
  • Identifier différents types d'image et méthodologies de tests selon les critères
  • Contrastes relatifs et vérifier les contrastes de couleurs
  • Techniques de tests et d'audits sur des médias en ligne (sous-titres, transcriptions, méthodes de contrôle des médias temporels)
  • Analyser les tableaux présents sur des pages Web
  • Analyser les pages Web et vérifier le caractère explicite des liens qu'elles contiennent
  • Analyser les pages Web et détecter les liens vides qu'elles contiennent

Jour 2

Scripts (critères 7.1 à 7.5)

  • Principes généraux
  • Nom
  • Rôle
  • Valeur
  • Paramétrage et changements d'état

Eléments obligatoires (critères 8.1 à 8.10)

  • Technique de test de validité du code
  • Gestion des changements de langue et de direction de lecture
  • Titres de page
  • Utilisation des éléments de présentation

Structuration de l'information (critères 9.1 à 9.4)

  • Titres de section
  • Structures de document
  • Les différents types de listes
  • Citations

Présentation de l'information (critères 10.1 à 10.14)

  • Utilisation des styles
  • Caractères agrandis
  • Gestion des couleurs
  • Focus
  • Réorganisation du contenu
  • Propriétés d'espacement des textes
  • Gestion des contenus additionnels

Formulaires (critères 11.1 à 11.13)

  • Etiquettes de champs: présence, pertinence, cohérence
  • Position des étiquettes
  • Regroupement de champs
  • Regroupement des options de listes
  • Boutons de formulaire
  • Contrôles de saisie, champs obligatoires, champs en erreur
  • Reprise des données
  • Attributs pour le remplissage automatique

Navigation (critères 12.1 à 12.11)

  • Mécanismes de navigation interne
  • Liens d'évitement
  • Ordre de tabulation
  • Piège au clavier
  • Raccourcis clavier
  • Gestion du clavier pour les contenus additionnels

Consultation (critères 13.1 à 13.12)

  • Limites de temps
  • Documents bureautiques
  • Orientations
  • Gestes complexes
  • Annulation des interactions
  • Interactions par le mouvement

Exemples de travaux pratiques (à titre indicatif)

  • Analyser les scripts présents dans les pages Web
  • Analyser les pages Web et :
    • Vérifier les éléments obligatoires avec méthodologie de test
    • Vérifier les éléments de structuration de l'information
    • Vérifier les éléments de navigation
  • Analyser différents formulaires Web et vérifier la pertinence des attributs pour le remplissage automatique
  • Analyser les pages Web à l'aide des outils de présentation de l'information

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

  • En cours de formation, par des productions
  • Et, en fin de formation, par un questionnaire d'auto-évaluation
Logo de M2I - Formation Comment tester l'accessibilité des sites Web

Proposé par

M2I

"Un leadership dans le domaine de la formation"

Voir la fiche entreprise
À partir de 1520 €
Logo de M2I - Comment tester l'accessibilité des sites Web

Comment tester l'accessibilité des sites Web

0 ville proposant cette formation
Logo

La 1ère plateforme pour trouver une formation, choisir son orientation ou construire son projet de reconversion.

© 2024 France Carrière. Tous droits réservés.