Formation Accessibilité : Fondamentaux + Développer et coder des sites accessibles

icon public

Public : Tous

icon horloge

Durée : 5 jour(s)

Syllabus de la formation Accessibilité : Fondamentaux + Développer et coder des sites accessibles

Pré-requis : Aucun

Objectifs : Appréhender les enjeux relatifs à  l'accessibilité numérique - Acquérir les connaissances fondamentales sur l'accessibilité numérique - Prendre en compte l'accessibilité numérique aux différentes étapes d'un projet digital - Concevoir des contenus web et éditoriaux numériques accessibles - Développer des sites conformes aux recommandations des référentiels d'accessibilité numérique (WCAG ou RGAA)

Sanction : Attestation de fin de formation mentionnant le résultat des acquis

Taux de retour à l’emploi : Aucune donnée disponible

Référence : SIT100961-F

Taux de satisfaction : 5,00 / 5

Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins

Contact : commercial@dawan.fr

À partir de

975,00 € HT / jour

2 540,00 €HT

1 392,86 € HT

Pour 10 heures utilisables pendant 12 mois

3 175,00 € HT

Tarif plein:

  • Paiement à 60 jours
  • Report possible à J-3
  • 3 tickets d'assistance

2 540,00 € HT

Tarif remisé :

Contacter Dawan
Logo Accessibilité : Fondamentaux + Développer et coder des sites accessibles

Programme de Formation Accessibilité : Fondamentaux + Développer et coder des sites accessibles

Découvrir l'accessibilité

L'Initiative d'Accès au Web (Web Accessibility Initiative - WAI)
Règles pour l'accessibilité des contenus Web (WCAG)
Référentiels disponibles : RGAA, AccessiWeb,...
Historique et évolution de la prise en compte de l’accessibilité
Atelier : Comprendre les enjeux de l'accessibilité avec des vidéos montrant des utilisateurs en situation d'handicap utilisant le Web
(expérience simulée de handicap visuel dans la navigation web , navigation sans la souris,...)

Apprendre le cadre légal

Ressources et documents officiels
Référentiel général d'accessibilité pour les administrations (RGAA)
Référentiel AccessiWeb
Découvrir les critères et les thématiques
Déclaration de conformité
Comprendre l’évolution du cadre légal et des normes
Atelier : Étudier les référentiels d'accessibilité - Comprendre le contenu d'une déclaration de conformité.

Mettre en œuvre l'accessibilité web

Appréhender l’ergonomie pour l’accessibilité : navigation, images, couleurs, textes,...
Organisation de la démarche, gestion de projet
Assistants vocaux et lecteurs d’écran
Simulation de situations
Comprendre l’importance des tests
Découvrir des outils d’évaluation de l’accessibilité
Atelier : Utiliser les assistants vocaux et la synthèse vocale, essayer la simulation d'handicap visuel - utilisation d’outils de diagnostics simple - Exemple de site avant et après mise en conformité pour l’accessibilité.

Intégrer l'accessibilité dans un projet digital

Cycles de développement d’une application web : cascade, V, spirale
L’accessibilité numérique dans un projet agile
Rappels des règles d’accessibilités et des référentiels disponibles : RGAA, AccessiWeb,...
Présentation de la déclaration de conformité
Atelier : Analyse de la structure d’une déclaration de conformité.

Prendre en compte l’accessibilité dans la gestion de projets

Présentation des actions à mener à chaque étape de conception d’un projet web.
Étapes importantes pour un changement de méthodes
Management d’équipe, choix des personnes
Comment faire une planification
Gérer les freins au changement et trouver les solutions
Savoir évaluer le coût financier et humain
Erreur à éviter
Outils et ressources
Mettre en place des documents de maintenance
Atelier : Bonnes pratiques de prise en compte de l’accessibilité dans un projet digtal.

Rédiger des pages web accessibles

Connaître les critères principaux et leur intérêt et impact :
-Texte alternative, Liens
-Menu, navigation
-Structure et présentation, Couleurs
Atelier : Rédaction d’un contenu accessible.

Tester les pages web

Évaluer l’accessibilité d’une application web
Génération de rapports de tests.
Atelier : Présentation d’outils de tests et automatisation (pa11y, Selenium).

Comprendre les enjeux d’un contenu accessible

Tirer profit de l’accessibilité
Comprendre l’importance de l’accessibilité pour le SEO
Présentation des évolutions à prendre en compte

Créer une maquette d’un site accessible

Créer une bonne structure pour un site web
Savoir adapter une présentation et faire le bon choix
Déterminer l’ergonomie à mettre en place (UI, UX)
Outils de wireframing
Atelier : Conception d’une maquette de site web avec choix des couleurs
(logiciel de création au choix du stagiaire)

Rédiger du contenu accessible

Connaître les critères essentiels : textes alternatifs, liens, menus, navigation
Critères de choix des couleurs
Savoir adapter le code HTML et CSS, bonnes pratiques et changement d’habitude
Structurer un formulaire, erreur à éviter
Comprendre le fonctionnement de la synthèse vocale, quand et comment l’utiliser
Gérer le contenu multimédia pour l’accessibilité
Atelier : rédaction de contenu et analyse des problématiques courantes/solutions : Contact et web-chat, texte et audio.

Concevoir une maquette accessible

Rappels des référentiels et recommandations (WCAG, RGAA)
Conception graphique et ergonomique
Maquette graphique et story-board
Critères d’accessibilité HTML5 génériques
Éléments obligatoires
Atelier : Création d’une page d’accueil d’un site web et choix de la structure et de l’ergonomie.

Intégrer des pages en HTML/CSS et JavaScript

Explication des points essentiels à prendre en compte : focus, DOM Order, tabindex, clavier, formulaire, contenu non visible, modal, tableau, Multimédia,…

Mise en forme CSS et widgets JavaScript :
- comment faire et vérifier le bon choix des Couleurs
- quelle Police utiliser et comment définir la taille du texte
- quel CAPTCHA utiliser ?
- validation de formulaire
- comment programmer et afficher la gestion des erreurs
- frameworks disponibles

Effectuer des requêtes asynchrones :
- comment utiliser AJAX et faire les modifications adaptées
- gestion du clavier et de ses évènements
Atelier : Installation de l’environnement de développement et intégration de plusieurs pages d’un site web.

 

Dans ce cours nous découvrons les bases de l'accessibilité, les lois, les normes (WCAG, RGAA, AccessiWeb), ainsi que les outils disponibles pour utiliser, tester et valider un document web accessible. Puis nous abordons les bonnes pratiques de l'intégration de l'accessibilité dans un projet numérique, les erreurs à  éviter, les bonnes pratiques de la rédaction de contenu, ainsi que la génération de rapport de test d'accessibilité. Enfin nous découvrons l'avantage de la conception de contenu accessible, mais aussi les bonnes pratiques de la conception de maquette à  l'aide de wireframing et de la rédaction de contenu accessible, des bonnes pratiques de conception de maquette web dans le respect des crità¨res sémantiques HTML5 et des normes WCAG, ainsi que l'intégration de composant web Javascript synchrone et asynchrone.

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Positionnement à l'entrée et à la sortie de la formation
  • Certification CPF quand formation éligible

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Lieu Date Remisé Actions
Bordeaux Du 16/12/2024 au 20/12/2024 Oui S'inscrire
Bordeaux Du 10/02/2025 au 14/02/2025 Oui S'inscrire
Bordeaux Du 12/05/2025 au 16/05/2025 Oui S'inscrire
Bordeaux Du 04/08/2025 au 08/08/2025 Oui S'inscrire
Bordeaux Du 13/10/2025 au 17/10/2025 Oui S'inscrire
Distance Du 09/12/2024 au 13/12/2024 Oui S'inscrire
Distance Du 03/02/2025 au 07/02/2025 Oui S'inscrire
Distance Du 07/04/2025 au 11/04/2025 Oui S'inscrire
Distance Du 30/06/2025 au 04/07/2025 Oui S'inscrire
Distance Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Distance Du 24/11/2025 au 28/11/2025 Oui S'inscrire
Lille Du 09/12/2024 au 13/12/2024 Oui S'inscrire
Lille Du 03/02/2025 au 07/02/2025 Oui S'inscrire
Lille Du 07/04/2025 au 11/04/2025 Oui S'inscrire
Lille Du 30/06/2025 au 04/07/2025 Oui S'inscrire
Lille Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Lille Du 24/11/2025 au 28/11/2025 Oui S'inscrire
Lyon Du 17/02/2025 au 21/02/2025 Oui S'inscrire
Lyon Du 19/05/2025 au 23/05/2025 Oui S'inscrire
Lyon Du 04/08/2025 au 08/08/2025 Oui S'inscrire
Lyon Du 13/10/2025 au 17/10/2025 Oui S'inscrire
Marseille Du 17/02/2025 au 21/02/2025 Oui S'inscrire
Marseille Du 19/05/2025 au 23/05/2025 Oui S'inscrire
Marseille Du 04/08/2025 au 08/08/2025 Oui S'inscrire
Marseille Du 13/10/2025 au 17/10/2025 Oui S'inscrire
Montpellier Du 16/12/2024 au 20/12/2024 Oui S'inscrire
Montpellier Du 10/02/2025 au 14/02/2025 Oui S'inscrire
Montpellier Du 12/05/2025 au 16/05/2025 Oui S'inscrire
Montpellier Du 04/08/2025 au 08/08/2025 Oui S'inscrire
Montpellier Du 13/10/2025 au 17/10/2025 Oui S'inscrire
Nantes Du 24/02/2025 au 28/02/2025 Oui S'inscrire
Nantes Du 02/06/2025 au 06/06/2025 Oui S'inscrire
Nantes Du 25/08/2025 au 29/08/2025 Oui S'inscrire
Nantes Du 03/11/2025 au 07/11/2025 Oui S'inscrire
Nice Du 17/02/2025 au 21/02/2025 Oui S'inscrire
Nice Du 19/05/2025 au 23/05/2025 Oui S'inscrire
Nice Du 04/08/2025 au 08/08/2025 Oui S'inscrire
Nice Du 13/10/2025 au 17/10/2025 Oui S'inscrire
Paris Du 09/12/2024 au 13/12/2024 Oui S'inscrire
Paris Du 03/02/2025 au 07/02/2025 Oui S'inscrire
Paris Du 07/04/2025 au 11/04/2025 Oui S'inscrire
Paris Du 30/06/2025 au 04/07/2025 Oui S'inscrire
Paris Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Paris Du 24/11/2025 au 28/11/2025 Oui S'inscrire
Rennes Du 24/02/2025 au 28/02/2025 Oui S'inscrire
Rennes Du 02/06/2025 au 06/06/2025 Oui S'inscrire
Rennes Du 25/08/2025 au 29/08/2025 Oui S'inscrire
Rennes Du 03/11/2025 au 07/11/2025 Oui S'inscrire
Strasbourg Du 24/02/2025 au 28/02/2025 Oui S'inscrire
Strasbourg Du 02/06/2025 au 06/06/2025 Oui S'inscrire
Strasbourg Du 25/08/2025 au 29/08/2025 Oui S'inscrire
Strasbourg Du 03/11/2025 au 07/11/2025 Oui S'inscrire
Toulouse Du 16/12/2024 au 20/12/2024 Oui S'inscrire
Toulouse Du 10/02/2025 au 14/02/2025 Oui S'inscrire
Toulouse Du 12/05/2025 au 16/05/2025 Oui S'inscrire
Toulouse Du 04/08/2025 au 08/08/2025 Oui S'inscrire
Toulouse Du 13/10/2025 au 17/10/2025 Oui S'inscrire

Nos centres de formation

  • Bordeaux

    Nos locaux sont accessibles

    Bât Ravezies - 2e étage 250 avenue Emile Counord

    33300 Bordeaux

    Liaison directe de la gare Bordeaux Saint-Jean via le tram C

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Lille

    Nos locaux sont accessibles

    46 rue des Canonniers - 2è étage

    59800 Lille

    Proche des deux gares

  • Lyon

    Nos locaux sont accessibles

    62 rue de Bonnel - 1er étage Ascenseur à droite de l'entrée

    69003 Lyon

  • Marseille

    Nos locaux sont accessibles

    38/40 rue de la République Escalier A, 1er étage

    13001 Marseille

    A proximité du vieux port

  • Montpellier

    Nos locaux sont accessibles

    26 Allée de Mycènes Le Thèbes, Bât. A, 3è étage

    34000 Montpellier

    Quartier Antigone

  • Nantes

    Nos locaux sont accessibles

    32 Boulevard Vincent Gâche 5 ème étage

    44200 Nantes

  • Nice

    Nos locaux sont accessibles

    455 promenade des Anglais Bât Arenice, 7è étage

    06200 Nice

  • Paris

    Nos locaux sont accessibles

    11 rue Antoine Bourdelle

    75015 Paris

    dans le 15e arrondissement

  • Rennes

    Nos locaux sont accessibles

    3 place du Général Giraud

    35000 Rennes

  • Strasbourg

    Nos locaux sont accessibles

    4 rue de Sarrelouis - 4è étage

    67000 Strasbourg

  • Toulouse

    Nos locaux sont accessibles

    1 place Occitane Bât. Le Sully - 4è étage

    31000 Toulouse

    Proche de Jean-Jaurès et du Capitole

  • Merci beaucoup à Rachid pour sa bonne humeur, ses bonnes références, sa gentillesse et son écoute. Il a su s'adapter à notre demande et à notre besoin en terme d'accessibilité et nous a fait découvrir de bons outils pour améliorer et obtenir de bonnes pratiques et réflexes.
  • Floriane C.