Aller au contenu principal

Développement web : accessibilité et bonnes pratiques

Accessibilité 174 arrow small right Accessibilité

frontend web UX ergonomie

  • Durée

    3 jour(s)
  • Niveau

    Débutant
  • Référence

    AC-002

Présentation

L’accessibilité numérique consiste à rendre ses contenus accessibles pour le plus grand nombre, incluant les personnes en situation de handicap(s). Les handicaps sont par nature divers, d’envergure variable, et peuvent être temporaires, permanents ou apparaître avec l’âge. Ce n’est pas un besoin à la marge : selon le Conseil National du Numérique, cela concerne mondialement plus de 600 millions de personnes de tout âge ; en Europe, près de 100 millions ; en France, 9.6 millions de personnes. Parallèlement, on estime que 15% de la population française rencontre des difficultés avec les nouvelles technologies.
Pour permettre à tout un chacun de consulter votre contenu et augmenter votre audience, il est nécessaire de prendre en compte ces handicaps. Cette démarche est à réaliser idéalement en amont de la création, tant pour économiser du temps que pour faciliter le respect des éventuelles contraintes légales liées à l’accessibilité.
Au cours de cette formation, vous découvrirez les documentations faisant consensus dans le domaine de l’accessibilité numérique. Vous apprendrez à créer des contenus web accessibles via les langages de programmation HTML, CSS et JavaScript. Enfin, vous vous initierez aux audits accessibilité du Référentiel Général d’Amélioration de l’Accessibilité (RGAA).

Objectifs de la formation

  • Comprendre les enjeux liés à l’accessibilité et l’inclusivité
  • Savoir envisager un contenu par le prisme des différents handicaps
  • Savoir réaliser des contenus accessibles dans le domaine du web

Public

  • Toute personne souhaitant participer à rendre accessibles les domaines numériques.

Prérequis

  • Une connaissance dans les langages du web (HTML, CSS, JavaScript) est nécessaire

Programme

1- Qu'est-ce que l'accessibilité (A11Y) ?

Accessibilité et inclusivité, offrir un contenu au plus grand nombre
Les types de terminaux et technologies d’assistance
WCAG, RGAA, WAI-ARIA : les documentations indispensables
Inclure plutôt que sectoriser : problèmes liés aux pages « réservées handicap »

2- Rendre accessible : contenu clair et structuré

SEO et accessibilité : de nombreux points communs
Identifier et définir sémantiquement les éléments usuellement véhiculés par le graphisme, audio ou vidéo
Offrir une alternative aux contenus graphiques, audio ou vidéo
Applications riches : créer des composants ARIA
Etat des lieux de la technologie ARIA en parallèle des évolutions HTML5
Les contenus Faciles à Lire et À Comprendre (FALC)

3- Rendre accessible : couleurs, typographies, mise en page

Handicaps chromatiques et les contrastes de couleurs
Difficultés de lecture : tailles, formes et empâtements des polices de caractère
Tailles et couleurs des éléments interactifs
Les caractères spéciaux et les émojis avec les lecteurs d’écran
Navigation et hiérarchisation claire de l’interface

4- Gestion des contenus avec JavaScript

Porter attention aux boîtes de dialogues, alertes et pertes de focus
L’accessibilité des contenus dynamiques (carrousels, lecture automatique)
Penser aux autres dispositifs de pointage que la souris

5- Analyser l'accessibilité de son site

Les outils de vérification à disposition
Méthodologies applicables avec les technologies d’assistance
Initiation à l’audit d’accessibilité avec le RGAA

Date de dernière modification : 09/01/2023

Organisation

162 arrow small up 163 arrow small down

Modalités d'évaluation :

Questionnaires à choix multiples (QCM) en fin de formation. L'intervenant formulera également une appréciation sur vos acquis pour l'entièreté de la formation.

Moyens pédagogiques :

Formation alternant la théorie et la pratique, avec un intervenant présentant la formation en direct. Possibilité de réaliser cette formation en face-à-face dans nos locaux, dans vos locaux d'entreprise ou à distance via visioconférence.
Une fois terminée, vous disposerez d'une attestation de suivi de la formation, ainsi que des contenus de cours relatifs au contenu présenté.

Informations pratiques :

En cas de dispense dans nos locaux, le matériel informatique est fourni et l'ensemble des commodités sont accessibles. Nos locaux sont également accessibles aux personnes à mobilité réduite : découvrir notre centre.
Retrouvez toutes les informations pratiques pour préparer votre formation sur notre page dédiée : informations pratiques.

Ces formations pourraient vous intéresser

  • HTML5 et CSS3 : créer son site web

    Les sites internet sont devenus incontournables dans notre vie de tous les jours, et leur nombre est en constante évolution. Selon Internet Live Stats, plus de 1.9 milliards de sites internet sont en ligne (novembre 2021).
    Si de …

    En savoir plus
  • Développement web : UI et UX

    Le développement web est devenu, au fil des années, un environnement demandant une exigence certaine dans l’UI (Interface Utilisateur) et l’UX (eXpérience Utilisateur). De nombreux points graphiques sont à prendre en …

    En savoir plus