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

>>> Formation éligible ACN Accessibilité Numérique Atlas - Nous consulter

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.

Programme de Formation Accessibilité : Sensibilisation à l'accessibilité numérique 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égalRessources 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é webAppré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é.

Programme de Formation Accessibilité : L'accessibilité numérique dans un projet

>>> Formation éligible ACN Accessibilité Numérique Atlas - Nous consulter

Programme de Formation Accessibilité : Concevoir des contenus web et éditoriaux accessibles

>>> Formation éligible ACN Accessibilité Numérique Atlas - Nous consulter

Programme de Formation Javascript/Ecmascript : Initiation

Introduction

Présentation

Panorama des environnements JavaScript

Versions et standard ECMAScript

Écrire des instructions en Javascript

Les variables et les types de données

Les opérateurs

Portée des variables var, let, const

Les intructions de bloc

Les structures de contrôle (conditionnelles et itératives)

Déclarer et appeler des fonctions

Définir une fonction, syntaxe déclarative et expressions

Transmettre des paramètres

Retourner une valeur

Définir des paramètres par défaut

La console (log, debug, info, error, ...)

Interagir avec le document via le DOM

Présentation, historique et version

Les objets window et document

Accéder aux éléments (getElementById, querySelector, querySelectorAll)

Découvrir les évènements

Liste des évènements de souris et de clavier (click, keypress, mouseover, etc)

Gestion des fenêtres et boîtes de dialogues

Atelier : Faire afficher et masquer des balises HTML Manipuler des tableaux

Présentation et structures d'un tableau

Déclaration de tableau (littéral, constructeur)

Ajout et suppression de données (push(), splice())

Parcourir un tableau (forEach, for of)

Les fonctions spécifiques (slice, pop, shift, reverse, etc)

Les fonctions find() et findIndex()

Appréhender le concept d'objet

Présentation

Les objets littéraux

Ajouter & accéder aux propriétés

Les property shorthand

Exploiter des sucres syntaxiques

Les littéraux de templates

Affectation par décomposition

Rest Parameter & Spread Operator

Les fermetures

Les fonctions fléchées

Atelier : Filtrer des données affichées dans une liste Déclencher des traitements au travers d'événements

Principe des écouteurs d'évènement

Les évènements attacher au navigateur (load, unload, resize, etc)

Les évènements de formulaire (submit et reset)

Récupérer et manipuler l'évènement

Les fonctions preventDefault() et stopPropagation()

Atelier : Valider les données d'un formulaire Gérer dynamiquement les attributs

Manipuler les attributs (getAttribute & setAttribute)

Modifier le contenu d'une balises (innerHTML, innerText, innerContent)

Liste des propriétés css en javascript

Modifier le css à l'aide de l'attribut style

Ajout & suppression de class (className, classList)

Parcourir et transformer le DOM

Parcourir l'arbre DOM (parentNode, childNode)

Les fonctions parentChild() et firstChild()

Créer et insérer une balise (createElement, appendChild, createTextNode)

Les fonctions NextSibling et PreviousSibling

Supprimer une balise (removeChild)

Atelier : Réordonner une liste avec du drag & drop