Cette formation de trois journées s'adresse aux concepteurs ou aux personnes familiarisées avec les langages du « Web » (L’HTML, les feuilles CSS, etc.) et les outils de conception (logiciels, navigateur, extension, etc.).

L’objectif est d’étudier et de développer les aides techniques compatibles avec les standards du « Web », afin d’offrir une accessibilité optimale des pages Internet à toute personne quel que soit son handicap (physique, neurologique, sensoriel, moteur ou intellectuel, etc.), son matériel (navigateur sans souris, écran, PDA, plage braille, synthétiseur et lecteur vocal, etc.) ou sa localisation géographique.

Le programme aborde les principes, les critères et les problèmes d'accessibilité d'un site Internet, le choix d’un référentiel adapté aux besoins et aux contraintes, et les techniques de correction et d'amélioration des pages « Web » existantes.

PRÉSENTATION :

Cette formation de trois journées s'adresse aux concepteurs ou aux personnes familiarisées avec les langages du « Web » (L’HTML, les feuilles CSS, etc.) et les outils de conception (logiciels, navigateur, extension, graphisme, etc.), étudie les principes et les techniques liées à l’évolution de l’accessibilité numérique fin de faciliter l’usage de l’Internet pour tous.

OBJECTIF :

L’objectif de cette formation est de comprendre les problèmes d'accessibilité d'un site « Web » et d’en étudier les techniques d’amélioration afin de permettre à n'importe quel individu de consulter Internet, quel que soit son handicap (physique, neurologique, sensoriel, moteur, intellectuel, etc.), son matériel (navigateur sans souris, écran, PDA, plage braille, synthétiseur et lecteur vocal, etc.) ou sa localisation géographique.

PRINCIPE :

Le programme aborde les principes, les critères et les problèmes d'accessibilité d'un site Internet, le choix d’un référentiel adapté aux besoins et aux contraintes, et les techniques de correction et d'amélioration des pages « Web » existantes.

PRÉ-REQUIS :

Une bonne connaissance des langages HTML et CSS, et des outils de conception (logiciels, navigateur, extension, graphisme, etc.).

DURÉE :

3 jours (15 heures).

PROGRAMME :

Programme de la première journée : État des lieux de l’accessibilité numérique

I. L’état des lieux de l’accessibilité numérique

• Les organismes de normalisation et les associations (W3C, CCEN, AFNOR, CERTAM, BrailleNet, etc.).
• Les différents types de handicap (vieillissement, obstacles techniques, cécité, handicap moteur ou intellectuel, etc.).
• Les différents supports (navigateur sans souris, écran, PDA, plage braille, synthétiseur et lecteur vocal, etc.).
• La localisation géographique.
• Les aides et l’assistance pour les sites Internet et pour les administrations.
• L’utilisation des standards du « Web » compatible avec les aides techniques pour une accessibilité optimale des pages Internet.

II. Les différentes règles et référentiels

• Les règles pour l’accessibilité des contenus « Web » WCAG 1 et 2.
• Le référentiel général d’accessibilité pour les administrations (RGAA).
• Le référentiel « Accessiweb ».
• La section 508, l’UWEM, etc.
• Les normes ATAG et UAAG.

III. La présentation et les champs d’application

• L’exploration de la norme WCAG 2.0.
• La présentation des principes, des règles et des critères de succès.
• Les niveaux de conformité A, AA et AAA.
• L’utilisation du référentiel RGAA pour la conception, la vérification et l’amélioration de l’accessibilité d’un site.

IV. La passerelle entre la norme WCAG et les référentiels RGAA et Accessiweb

• Les différents points communs.
• Les différences.

V. La création d’un site « Web » accessible par tous et conforme aux standards

• Le cahier des charges pour la conception et la réalisation d’un site « Web ».
• Les technologies du « Web » avec les feuilles de style CSS2.1 et CSS3, les langages XHTML, HTML5, la bibliothèque Jquery, le langage PHP, et le langage de requêtes de base de donnée relationnelle SQL, etc.
• Les gestionnaires de contenu. Avec Spip et WordPress (adaptation de thèmes et utilisation des shortcodes).
• Le référentiel RGAA et la démarche de prise en compte de l’accessibilité dans un processus Web.
• L’utilisation d’un référentiel pour vérifier la qualité d’un site « Web ».
• La prise en compte de la charte ergonomique des sites Internet publics.

Programme de la deuxième journée : Les techniques utilisées et l’avenir

VI. Les outils d’audit et les outils de gestion

• Les barres d’outils WAT, WDT, etc.
• Les inspecteurs de code Firebug, etc.
• Les outils Web Develop Toolbar, Web Accessibility Toolbar, etc.
• Les extensions Firebug.
• Les mesures contrastes de couleur (Colour Contrast, etc.).
• Analyser validateurs WAVE, TAW, etc.
• Des modèles préétablis, des mises en garde automatiques ou des fonctions de vérification des règles d'accessibilité.

VII. La construction et l’affichage du texte, des images, des formulaires et des tableaux

• Le zoom en mode texte.
• Les conséquences des instructions CSS (« display », activation ou désactivation des instructions).
• Le problème des images (activation ou désactivation des images).
• Les alternatives textuelles aux images et leurs incidences.
• L’accessibilité des tableaux.
• L’accessibilité des formulaires (les balises « fieldset », « legend », « optgroup », etc.).
• Des images liens accessibles la balise « caption », l’attribut « summary », etc.).
• La déclaration de la langue dans une page « Web ».
• Des liens hypertextes compréhensibles.(la balise « link »,les attributs « title », etc.).
• L’ordre des tabulations pour des liens ou des formulaires (l’attribut « tabindex »).
• L’abréviation explicitée au moyen de la balise « abbr » et de l’attribut « title ».
• Les scripts javascript.

VIII. Les feuilles de styles CSS3

• La disponibilité CSS3.
• Les apports de CSS3 avec les effets visuels, la mise en page et les animations.
• Les coins arrondis, les ombres.
• Les transformations 2D.
• Les fontes et l’opacité.
• Les dégradés.

Programme de la troisième journée : Un exemple de construction « Web » et l’avenir

IX. Un exemple de construction d’un site « Web »

• Le respect des normes W3C et la spécification du code (XHTML, CSS, etc.).
• Les images avec l’attribut « alt ».
• La structure, la présentation et le contenu (le titre, les contenus, les menus, les sections, les thèmes, les articles, les propriétés de positionnement CSS, etc.).
• Les menus (principal, secondaire, accès rapide, pied de page, etc.).
• Le plan du site en pied de page.
• Le fil d’Ariane (localisation de la page dans l’arborescence du site).
• Le moteur de recherche interne disponible au-dessous du menu principal.
• La lettre d’information (un formulaire d’inscription accessible depuis le pied de page).
• Le redimensionnement des caractères dans le menu du navigateur.
• L’optimisation du contraste des couleurs (textes sur fond) par activation de liens.

X. Les ressources en lignes

• Les normes W3C/WAI.
• Le site « Web » accessiweb.org.
• Les limites des validateurs « automatiques ».
• Le WebAIM, les sites et les blogs.
• L’accessibilité et le Web2.0.
• Le « Web » mobile.

XI. Les corrections de gabarits graphiques et de pages existantes

• Les corrections.
• Les questions et les retours.

• Module 1 : La conception et la sécurité d’une application « Web ».
• Module 2 : L’initiation et la création d’un site Internet en HTML et CSS.
• Module 3 : L’apprentissage et la création d’un site Internet en HTML5 et CSS3.
• Module 4 : L’apprentissage et la création d’un site Internet en PHP5 sans base de données.
• Module 5 : L’apprentissage et la création d’une application Internet en PHP5 et MySQL.
• Module 6 : La sécurité et les risques liés aux applications « Web ».
• Module 7 : L’utilisation d’un outil de développement intégré pour le « Web ».