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 des sites ou applications à l'aide des langages HTML, CSS et JavaScript en respectant les bonnes pratiques et le RGAA.

Durée de formation : 2 jours

Lieux de formation :
  • Présentiel à Strasbourg
  • Possible en groupe (intra-entreprise)

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.

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.

Dernière mise à jour de ces informations :

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

Besoin d'un financement ?

Une formation est un investissement : pour mieux vous permettre de vous former, des possibilités de financement vous sont proposées dont la prise en charge par votre OPCO.

Voir les différents financements

Avant cette formation, préparez-vous avec :

À la suite de cette formation, nous vous recommandons :

Envie de connaître la date
de nos prochaines formations ?

Calendrier des formations

Nous contacter

Téléphone : 09 54 96 50 50 Adresse e-mail : contact alsacreations point fr

Alsacréations
10 Place du Temple Neuf
67000 Strasbourg, France

En soumettant ce formulaire vous acceptez que les informations saisies soient utilisées pour permettre de vous répondre. Votre e-mail ne sera pas mémorisé pour un autre usage. En savoir plus