Dernière mise à jour le 19/04/2024

L’accessibilité pour le Web, mise en pratique des référentiels

Informations générales

Type de formation : Formation continue
Domaine : Développement
Filière : Transformation digitale
Rubrique : Digital Marketing
Formation éligible au CPF : Non
Formation Action collective : Non

Objectifs & compétences

Maîtriser les enjeux de la mise en conformité de son site (bénéfices ergonomiques, implications techniques, éditoriales et budgétaires...) Anticiper et planifier la migration vers l'accessibilité du site Acquérir une vision d'ensemble de la conception HTML de sites Web accessibles Se forger un savoir-faire en conception de pages HTML et feuille de styles accessibles Comprendre les obligations légales du concepteur de site en termes d'accessibilité

Public visé

Tous profils impliqués dans la responsabilité, l'animation ou le développement de sites accessibles.

Pré-requis

Maniement de l'outil informatique. Connaissance de base de l'environnement Internet. Maîtrise du langage HTML et des CSS ainsi que du langage JavaScript.

Programme

Module 1 : POURQUOI CONCEVOIR DES SITES ACCESSIBLES À TOUS ?
- Internet, média incontournable.
- L'accessibilité numérique : une obligation légale en France.
- Le cadre légal européen.
- Montée en puissance de l’accessibilité du Web.  
 
Module 2 : ACCESSIBILITÉ WEB : REPÈRES DU CONCEPTEUR
- La chaîne de production Web.
- Sites accessibles et sites standards : comprendre les différences.
- Navigateurs brailles, vocaux, graphiques, quelle différence ?  
Travaux pratiques : utiliser les navigateurs dédiés aux personnes handicapées.  
 
 
Module 3 : QUEL RÉFÉRENTIEL D’ACCESSIBILITÉ CHOISIR ?
- Pourquoi un référentiel ?
- Les référentiels d'accessibilité.
- Les critères de choix.  
Travaux pratiques : l'accessibilité sur le Web (W3C, WCAG, RGAA, Accessiweb, HandiCaPZero).  
 
Module 4 : DÉFINIR LA CHARTE D'ACCESSIBILITÉ
- Choisir le niveau d'accessibilité.
- Quel impact sur le développement HTML ?
- Typologie de site : identification des critères.
- Garantir la pérennité du niveau d'accessibilité.  
Travaux pratiques : projet fictif de refonte d'un site Internet (définition des critères).  
 
Module 5 : DÉFINIR LA STRUCTURE DES PAGES
- Définir le format de page (poids, volume).
- Choix d'une technique de construction (tableaux ou calques).
- Métadonnées, titre de page et langue du document.
- Éléments constitutifs d'une page.
- Hiérarchiser le contenu.  
Travaux pratiques : mettre à niveau une structure de page non accessible.  
 
Module 6 : OUTILS DE NAVIGATION
- Menus, barre de progression et outils transversaux.
- Aide à la navigation (raccourcis clavier, ancres invisibles).
- Le plan du site.
- Le moteur de recherche, les pages de résultats  
 
Module 7 : RÈGLES DE MISE EN FORME
 - Principes généraux (arrière plan, marges…).
- Mise en forme du texte.  
Travaux pratiques : appliquer les règles de mise en forme accessibles sur une page HTML et la feuille de styles associée.  
 
Module 8 : COMPOSANTS GRAPHIQUES
- Règle générale.
- Images de mise en forme.
- Puces graphiques, images illustratives, textuelles, cliquables.  
 
Module 9 : LIENS HYPERTEXTES
- Liens internes et liens externes.
- Liens de téléchargement.
- Groupes de liens.
 - SCRIPTS
- Règles de conception.  
Exemples : popup, redirection automatique.  
 
Module 10 : CONCEPTION HTML AVANCÉE
- Tableaux de données.
- Formulaires.
- Objets multimédia.
- Cadres.
- Acronymes, abréviations.  
Travaux pratiques : construire un tableau de données, un formulaire, insérer une animation flash.  
 
L'accessibilité numérique est une obligation publique depuis le vote de la loi pour l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées, en date du 15 juin 2004.
 

Modalités

Modalités : en présentiel, distanciel ou mixte – Horaires de 9H à 12H30 et de 14H à 17H30 soit 7H – Intra et Inter entreprise
Pédagogie : essentiellement participative et ludique, centrée sur l’expérience, l’immersion et la mise en pratique. Alternance d’apports théoriques et d’outils pratiques.
Ressources techniques et pédagogiques : Support de formation au format PDF ou PPT Ordinateur, vidéoprojecteur, Tableau blanc, Visioconférence : Cisco Webex / Teams / Zoom
Pendant la formation : mises en situation, autodiagnostics, travail individuel ou en sous-groupe sur des cas réels

Méthodes

Fin de formation : entretien individuel
Satisfaction des participants : questionnaire de satisfaction réalisé en fin de formation
Assiduité : certificat de réalisation (validation des acquis)
Contact : contact@astonbysqli.com
 

Les plus de la formation

Cette formation introduit les principes généraux de l'accessibilité, présente les normes (WCAG, RGAA, Accessiweb), les outils et ressources disponibles, et propose une approche méthodologique pour la prise en compte de l'accessibilité numérique.

Code de formation : W-ACC

Tarifs

Prix public : 1150
Tarif & financement :
Nous vous accompagnons pour trouver la meilleure solution de financement parmi les suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • CPF -MonCompteFormation
Contactez nous pour plus d’information

Lieux & Horaires

Durée : 14 heures
Délai d'accès :
Jusqu’à 8 jours avant le début de la formation

Prochaines sessions

Handi-accueillante Accessible aux personnes en situations de handicap. Pour toutes demandes, contactez notre référente, Mme Rizlene Zumaglini Mail : rzumaglini@aston-ecole.com

à voir aussi dans le même domaine...

Transformation digitale

SP78039

Référencement naturel / SEO AVANCE

Comprendre le fonctionnement des moteurs de recherche - Connaître les techniques d'optimisation d'une page web - Savoir créer de bons backlinks

7 heures de formations sur 1 Jours
En savoir plus

Formation continue

Transformation digitale

W-INI

Créer un site Internet pour non informaticien

Savoir préparer et organiser les contenus prévus pour le site Comprendre comment élaborer la navigation entre les pages du site Internet Maîtriser l'écriture du HTML Comprendre et maîtriser la mise en page à l’aide des feuilles de style en cascade (CSS) Disposer des bases pour configurer un serveur Web Être capable d'enrichir le contenu d'un site (vidéos, liens dynamiques)

28 heures de formations sur 4 Jours
En savoir plus

Transformation digitale

SP78053

Elaborer et piloter sa stratégie digitale

À l’issue de la formation, le participant sera en mesure de : Elaborer une stratégie de communication digitale et la décliner en plan opérationnel
Mettre en œuvre le mix des actions de communication spécifiques au Web
Piloter et évaluer ses actions de communication Web

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

W-JSC

Web Dynamique avec JavaScript

Javascript, dom, js, navigateur, css, xmlhttprequest, html, évènements, formulaires, priogrammation, développement

Acquérir les bases JavaScript nécessaires pour développer des pages web plus conviviales et interactives Comprendre comment rajouter de l'interactivité sur les pages et formulaire Web Savoir manipuler dynamiquement des objets HTML

21 heures de formations sur 3 Jours
En savoir plus

Formation continue

Transformation digitale

W-AJA

Développer un site Web 2.0 avec Ajax

ajax, javascript, xml, prototype, scriptaculous, yui, dojo, graceful degradation, dom, formulaire, xmlhttprequest, xhr, drag drop, widgets

Améliorer les applications Web avec Ajax Créer des applications client riches avec Ajax

21 heures de formations sur 3 Jours
En savoir plus

Formation continue

Transformation digitale

W-MAR

Web marketing : création, animation & analyse de trafic

Communication, marketing, display, newsletter, affiliation, agence de communication, relation client, agence web, formation communication, mesure performance, plan de communication, mesure de la performance, web marketing, e mailing,

Dresser un panorama des outils e-marketing selon l'objectif, la cible et le budget Savoir construire un « media planning » pour lancer, animer son site et développer le retour sur investissement Focus sur quelques leviers, accélérateurs de trafic Générer et mesurer la performance de vos actions e-marketing

14 heures de formations sur 2 Jours
En savoir plus