Développer et coder des sites web accessibles Mixte : présentiel / à distance

Dernière mise à jour : 15/04/2024

Bannière visuelle de présentation de la formation

Présentation

Dès la création du web, l'un des grands défis fut de rendre celui-ci accessible à toutes les personnes. On pense avant tout aux personnes en situation de handicap, mais l'accessibilité web est un domaine bien plus large. Ce stage permettra de mettre en oeuvre de bonnes pratiques de conception et développement de pages web optimisées pour garantir l'accessibilité à celles-ci.

Informations éligibilité financement Actions Collectives

Formation pouvant être prise en charge à 100% dans le cadre des Actions Collectives.

 

Pour en bénéficier, contactez-nous à hello.institute@docaposte.fr et complétez votre inscription sur campusAtlas. 

https://www.docaposteinstitute.com/wp-content/uploads/2023/08/Eligible-actions-co-1.png

Objectifs

  • D√©finir pr√©cis√©ment ce qu'est l'accessibilit√© num√©rique et la distinguer des autres domaines connexes : ergonomie, qualit√©...
  • Conna√ģtre les normes d'accessibilit√© num√©rique : r√®gles internationales (WCAG) et r√©f√©rentiel g√©n√©ral d'Am√©lioration de l'Accessibilit√© (RGAA).
  • Savoir int√©grer les r√®gles d'accessibilit√© dans ses habitudes de d√©veloppement
  • Concevoir un code conforme aux r√®gles d'accessibilit√©
  • D√©bugguer un code non-accessible
  • √ätre capable de dialoguer avec des consultants en accessibilit√© en cas d'audit

Programme

1. L'intérêt d'un site web accessible

  • Rappel sur les normes existantes
  • W3C et WCAG
  • Les niveaux A, AA et AAA
  • Les obligations l√©gales
  • Optimisation SEO
  • Elargir son audience
  • L'inclusivit√© num√©rique
  • Quelques bons et mauvais exemples

 

2. Les outils d'accessibilité

  • Les souris adapt√©es - trackball
  • Les lecteurs Braille
  • Les synth√®ses vocales
  • Les loupes int√©gr√©es
  • Les navigateurs alternatifs

 

3. Les bonnes pratiques du web

  • Comment un navigateur interpr√®te une page web ?
  • Les bonnes pratiques g√©n√©rales du web
  • Bien respecter les standards W3C
  • Utiliser un validateur HTML
  • S√©paration HTML / CSS / JavaScript
  • Sp√©cifier la langue et le charset
  • La s√©mantique d'une page web (Schema.org)
  • Le r√īle des balises HTML5
  • Hi√©rarchiser le contenu
  • Lisibilit√© et coh√©rence

 

4. Mettre en place une démarche d'accessibilité

  • S√©lectionner les bonnes polices d'√©criture
  • La taille du texte
  • Utiliser les bonnes couleurs et contrastes
  • Expliciter les liens hypertexte
  • Les textes alternatifs et indices de texte : alt, title et longdesc
  • Le probl√®me des frames
  • Bien utiliser les tableaux
  • Rendre les formulaires accessibles
  • Tirer parti des balises moins fr√©quemment utilis√©es
  • Permettre la navigation au clavier : tabindex et accesskey
  • Adaptation du contenu aux diff√©rentes tailles d'√©cran
  • La place de JavaScript dans l'accessibilit√©
  • Les medias queries CSS
  • Les attributs ARIA

Public visé

  • D√©veloppeurs web,
  • Int√©grateurs‚Ķ

Modalités pédagogiques

Docaposte Institute propose plusieurs dispositifs pédagogiques adaptés aux apprenants :

 

  • Formation en pr√©sentiel
    • En groupe (inter-entreprises ou intra-entreprise)
    • En individuel (monitorat)
    • En journ√©e ou en cours du soir (sur demande sp√©cifique)
  • Formation en distanciel
    • Distanciel synchrone
    • Distanciel asynchrone

 

 

Prérequis

  • Avoir suivi la formation ¬ę Sensibilisation √† l'accessibilit√© num√©rique ¬Ľ,
  • Disposer de connaissances avanc√©es dans le d√©veloppement de sites web.

Moyens et supports pédagogiques

  • ¬∑¬†¬†¬†¬†¬†¬† Apports¬†des connaissances communes.
  • ¬∑¬†¬†¬†¬†¬†¬† Mises en situation sur le th√®me de la formation¬†et des cas concrets.
  • ¬∑¬†¬†¬†¬†¬†¬† M√©thodologie d'apprentissage attractive, interactive et participative.
  • ¬∑¬†¬†¬†¬†¬†¬† Equilibre th√©orie / pratique : 60 % / 40 %.
  • ¬∑¬†¬†¬†¬†¬†¬† Supports de cours fournis au format papier et/ou num√©rique.
  • ¬∑¬†¬†¬†¬†¬†¬† Ressources documentaires en ligne et r√©f√©rences mises √† disposition par le formateur.
  • ¬∑¬†¬†¬†¬†¬†¬† Pour les formations en pr√©sentiel dans les locaux mis¬†√† disposition, les apprenants¬†sont accueillis dans une salle de cours √©quip√©e d'un r√©seau Wi-Fi, d'un tableau blanc ou paperboard. Un ordinateur avec les logiciels appropri√©s est mis √† disposition (le cas √©ch√©ant).

 

 

 

Modalités d'évaluation et de suivi

En amont de la formation

·       Recueil des besoins des apprenants afin de disposer des informations essentielles au bon déroulé de la formation (profil, niveau, attentes particulières...).

·       Auto-positionnement des apprenants afin de mesurer le niveau de départ.

Tout au long de la formation

¬∑¬†¬†¬†¬†¬†¬† √Čvaluation continue des acquis avec¬†des questions orales, des exercices, des QCM, des cas pratiques ou mises en situation...

A la fin de la formation

·       Auto-positionnement des apprenants afin de mesurer l'acquisition des compétences.

·       Evaluation par le formateur des compétences acquises par les apprenants.

·       Questionnaire de satisfaction à chaud afin de recueillir la satisfaction des apprenants à l'issue de la formation.

·       Questionnaire de satisfaction à froid afin d'évaluer les apports ancrés de la formation et leurs mises en application au quotidien.

Accessibilité

Nos formations peuvent être adaptées à certaines conditions de handicap. Nous contacter pour toute information et demande spécifique.

M'inscrire à la formation

Valider la pré-inscription
Inscription possible jusqu'à 10 jours avant démarrage formation

Prochaines Sessions

  • D√©sol√©, cette formation n'est pas programm√©e pour le moment.

    Si vous êtes responsable formation, vous pouvez faire une requête pour l'organiser en INTRA dans votre entreprise.

Catalogue de formation propulsé par Dendreo,
Plateforme dédiée pour les OF