Formation Accessibilité web les bonnes pratiques

La formation « Accessibilité web les bonnes pratiques » apporte les notions indispensables pour concevoir des pages web et développer à l'aide des langages HTML, CSS et JavaScript en respectant le RGAA.

Apprenez les bonnes pratiques pour développer des sites web accessibles conformes au Référentiel Général d'Amélioration de l'Accessibilité (RGAA).

Cette formation vous permettra de comprendre les enjeux de l'accessibilité, de maîtriser les critères du référentiel en couvrant toutes les thématiques et de savoir comment les appliquer dans vos projets web avec des cas concrets.

Programme de la formation

Introduction

  • Sensibilisation à l'accessibilité
  • Contexte légal
  • Qu'est-ce que le RGAA ?
  • Comment se déroule un audit ?
  • Comment fonctionne le taux de conformité ?

En général

  • Référentiel de bonnes pratiques
  • Validité du code et sémantique HTML
  • Titre du document

Régions

  • Grandes sections HTML et landmarks ARIA
  • Header/footer/main
  • Recherche
  • Navigation

Contenu et sémantique

  • Listes
  • Niveaux de titres
  • Citations
  • Abréviations et acronymes

Navigation

  • Liens d'évitement
  • Navigation au clavier
  • Outline et focus
  • Tabulation et tabindex

CSS

  • Bonnes pratiques CSS
  • Masquer du contenu à l'écran de manière accessible
  • Contenu généré en CSS

Langue et langage

  • Langue par défaut
  • Baliser les changements de langue
  • Codes de langue

Listes

  • Listes non ordonnées
  • Listes ordonnées
  • Listes de définitions

Liens

  • Liens vs boutons
  • Donner des intitulés explicites
  • Attribut title
  • Contexte d'un lien
  • Lien avec image
  • Lien avec icône
  • Lien composite

Images

  • Image décorative
  • Image porteuse d'information
  • Images SVG
  • Image complexe
  • Contraste dans les images
  • Informations données par la couleur

Formulaires

  • Regrouper les champs
  • Etiquettes de champs
  • Mention "obligatoire"
  • Aide à la saisie
  • Indicateurs de saisie
  • Autocomplétion
  • Gestion des erreurs

Tableaux

  • Usage des tableaux
  • Recommandations
  • Tableaux complexes

Médias

  • Médias audio/vidéo et contrôles
  • Transcription et sous-titrage
  • Audiodescription
  • Alternatives
  • Track et WebVTT
  • Documents bureautiques
  • iframes

Scripts et ARIA

  • Complexité des scripts
  • ARIA, rôles, attributs et états
  • ARIA un cas pratique : disclosure
  • Modales et focustrap
  • Patterns ARIA
  • aria-label
  • aria-live

Design

  • Layout et bonnes pratiques
  • Couleurs
  • Texte et contenu
  • Interactivité
  • Formulaires

Ressources

  • Compléments d'information
  • Outils de test
  • Quiz
  • Travaux pratiques

Informations complémentaires

  • Public

    Intégrateurs et intégratrices, expert·es techniques, consultant·es, et toute personne amenée à développer pour le web.

  • Objectifs

    Connaître la définition de l’accessibilité du web. Tenir compte des difficultés rencontrées par les personnes en situation de handicap sur le web. Développer des sites et pages web accessibles en respectant les bonnes pratiques et les critères du RGAA.

  • Prérequis

    Connaissance du web en général et de HTML en général, de la syntaxe CSS de base. La connaissance de JavaScript est un plus mais pas indispensable.

  • Moyens pédagogiques

    Durant chaque formation, les participants et participantes auront l’opportunité de mettre en application leurs apprentissages grâce à de nombreux cas pratiques et exercices. Ces exercices seront ensuite corrigés et explicités par le formateur ou la formatrice. Dans le cas de sessions inter-entreprises, à Strasbourg ou à Paris, la formation est dispensée dans les salles pédagogiques adaptées à des apprentissages informatiques : capacité de 1 à 10 personnes, équipement informatique fourni pour chacun des stagiaires, vidéo-projecteur et paperboard.

  • Suivi et appréciation des résultats

    L'exécution de l'action de formation est suivie à l'aide de feuilles de présence émargées par demi-journée par les participants et le formateur. Sanction : attestation de présence. Un bilan des acquis est effectué à l'issue de la formation par questionnaire individuel en ligne et par les exercices réalisés durant la session.

  • Modalités de positionnement et d’évaluation

    Le positionnement à l'entrée est évalué par questionnaire individuel en ligne (comportant des questions relatives au profil, aux attentes, aux connaissances initiales et aux prérequis techniques) ainsi que par échange e-mail lors de la prise de contact et de la préparation du dossier. Un entretien préalable par visioconférence a lieu dans le cas des groupes en intra.

Inscription et informations pratiques

Se renseigner ou s'inscrire

Durée de formation

  • 14 heures

Lieux disponibles

  • Possible chez Alsacréations Oui
  • Possible dans vos locaux Oui

Formatrice

Ismaëlle Ariaudo

Ismaëlle Ariaudo
Accessibilité

Ismaëlle est Auditrice en accessibilité numérique et intégratrice web. Elle crée aussi des thèmes accessibles pour CMS, et est référente RGAA chez Alsacréations.

Experte accessibilité Access42
Certifiée Opquast "Expert"

Atouts de la formation

  • Effectif réduit (jamais plus de 12 participant·e·s).
  • Repas de midi offert chez Alsacréations (à Strasbourg).
  • Formatrice à l’écoute, chacun peut intervenir à tout moment.
  • Travaux pratiques réalisés en conditions réelles.
  • Supports complets fournis.

Infos complémentaires

Derniers avis

Témoignage

La formation est très intéressante et très complète, bien documentée, toujours avec des pointes d'humour comme vous savez le faire. Les critères AAA auraient peut être mérité une rubrique spécifiquement pour eux pour les utilisateurs avancées.

Anonyme

Témoignage

J'ai beaucoup appris !

Anonyme

Témoignage

Super, nous avons maintenant un petit sac à dos de connaissances, d'outils et de méthode pour nous aventurer dans les plaines sauvages de l'accessibilité numérique !

Anonyme

Date de mise à jour :

Tous les champs sont obligatoires sauf ceux indiqués comme optionnels.

On en parle ?

Nombre de personnes et lieu

Vos coordonnées

Retourner en haut de page