Dernière mise à jour le 09/12/2024
Appliquer l’accessibilité aux interfaces web
Informations générales
Type de formation : Formation continue
Domaine : Management du SI
Filière : Séminaires décideurs
Rubrique : Enjeux du SI
Formation éligible au CPF : Non
Formation Action collective : Non
Objectifs & compétences
- Identifier les bases de l'accessibilité numérique.
- Mettre en œuvre l'accessibilité dans la conception et le développement d'un site web.
- Mettre en œuvre l'accessibilité en phase de conception graphique et fonctionnelle.
Public visé
Directeurs techniques, concepteurs web, chefs de projet web, ergonomes, graphistes/designers, webmestres, développeurs web (Front), développeurs HTML/CSS et/ou JavaScript, intégrateurs web.
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
• 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.
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.
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).
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).
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.
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
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.
8. COMPOSANTS GRAPHIQUES
• Règle générale.
• Images de mise en forme.
• Puces graphiques, images illustratives, textuelles, cliquables.
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.
10. CONCEPTION HTML AVANCÉE
• Tableaux de données.
• Formulaires.
• Objets multimédias.
• Cadres.
• Acronymes, abréviations.
Travaux pratiques : construire un tableau de données, un formulaire, insérer une animation flash.
Modalités
Modalités : en présentiel, distanciel ou mixte . Toutes les formations sont en présentiel par défaut mais les salles sont équipées pour faire de l'hybride. – 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.
Validations des acquis : grille d'evalution des acquis établie par le formateur en fin de formation.
Code de formation : NE625
Tarifs
Prix public : 1690 €
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.
France Travail: sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
CPF -MonCompteFormation
Contactez nous pour plus d’information : contact@aston-institut.com
Lieux & Horaires
Durée : 14
heures
Délai d'accès : Jusqu'a 8 jours avant le début de la formation, sous condition d'un dossier d'insciption complet
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