Miura Conseil - Accessibilité Web : mise en oeuvre RGAA/WAI

Bienvenue sur le site de Miura-Conseil
Notre blog | Notre boutique

Accessibilité Web : mise en oeuvre RGAA/WAI

Objectifs
 Accessibilité : Enjeux et perspectives
 Concevoir des documents html accessibles
 Ergonomie et utilisabilité au service de l’accessibilité
 Maîtriser les feuilles de style CSS pour rendre accessible un site
 Appliquer les règles d’accessibilité du WAI et du RGAA

Accessibilité : enjeux et perspectives

 Définition de l’accessibilité d’un site web
 Loi sur l’égalité des droits
 Respecter l’échéance pour les sites du secteur public
 RGAA, WAI du W3C et le label AccessiWeb
 Elargir le champ de la clientèle du secteur privé sur le net
 Séparation du contenu et de sa présentation, enjeux technique et économique
 Vers un meilleur positionnement dans les moteurs de recherche
 Standards du web, support à l’accessibilité et tremplin vers le web du futur

Concevoir des documents Html accessibles

Produire du contenu bien formé avec XHTML :

 Intérêts d’un contenu structuré pour l’accessibilité d’un site
 Rappel des balises et attributs HTML4 recommandées et obsolètes
 HTML, XML et XHTML
 Pourquoi et comment migrer de Html vers Xhtml
 Les versions de Xhtml : XHTML1.0, XHTML modularisé, XHTML1.1, XHTML2,
 Utilisation des balises pour bien structurer la page et le contenu (titre, sous-titre, paragraphe...), pour fournir des explications sur ce contenu (langue, image, liens, tableaux, formulaires...)
 Validation des pages du site (validateur W3C en ligne)

Travaux pratiques : exercices sur l’utilisation des balises. Création de pages XHTML et validation des pages

Ergonomie et utilisabilité au service de l’accessibilité

L’ergonomie d’un site, préalable à l’accessibilité.

 Répondre aux besoins des utilisateurs (cas d’utilisation)
 Facilité d’utilisation du site, s’approprier la navigation sans difficulté
 Structurer le contenu (des titres de présentation de chaque chapitre, clair et précis),
 Présentation homogène pour chaque page du site
 Respecter les conventions habituelles de présentation des pages (Logo en haut à gauche-lien vers la page d’accueil, bannière de titre en haut, ...)
 Aide à la navigation (revenir en haut de la page, accès direct au contenu textuel, raccourcis clavier, liens vers la page d’accueil, le plan du site ...)
 Respecter les règles d’ergonomie du référentiel de l’ADAE

Travaux pratiques : conception de la mise en page du site

Maîtriser les feuilles de style CSS pour rendre un site accessible

Mettre en forme un contenu XHTML avec CSS :

 Intérêts de séparer le contenu de sa mise en forme pour l’accessibilité d’un site
 Les types de sélecteurs
 Les règles de cascade et d’héritage
 Présentation du contenu sans utiliser les tableaux
 Notion de boîte et positionnement (normal, relatif, absolu, fixe, flottant)
 Zones d’une boîte (marge, espacement, contenu, bordure)
 Présentation des listes
 Présentation du texte, des titres (police de caractères, taille, couleur)
 Présentation des tableaux de données et formulaires
 Utilisation des calques
 Les unités de mesures
 Feuille de style par media (écran, impression, ...)
 Mise en forme par défaut des balises HTML4
 Compatibilité des navigateurs (MSIE, Opera, Netscape, Mozilla Firefox)
 Validation des feuilles de style (validateur W3C en ligne)

Travaux pratiques : créer la feuille de style correspondant à la mise en page du site, écrire la feuille de style pour l’impression, valider les pages avec le validateur W3C. Exercices sur les boîtes et leur positionnement.

Appliquer les règles d’accessibilité du WAI et du RGAA

Recommandations en matière de structuration du contenu, de mise en forme, d’utilisabilité et d’ergonomie de site web :

 Recommandations de la WAI (Web Accessibility Initiative) Web 1.0
 Les 14 directives, les points de contrôle et leur niveau de priorité I, II et III
 Le label WAI et les niveaux de conformités A, AA, AAA
 Le référentiel du RGAA sur l’accessibilité des services Internet de l’administration française
 Le label de qualité AccessiWeb, les 92 critères et les 3 niveaux (Bronze, Argent et Or)
 Utiliser la toolbar Accessibilité (taille des caractères, scripts désactivés, taille de fenêtre, contrastes, absence d’image, désactiver les css...)
 Vérifier l’accessibilité d’un site (vérification automatique avec la plateforme d’analyse en ligne de Watchfire, et vérification manuelle)
 Directives pour l’accessibilité aux contenus Web 2.0

Travaux pratiques : modifier le contenu du site pour le rendre accessible niveau A, AA, AAA, valider les pages avec l’outil Watchfire en ligne, tester les pages avec un synthétiseur vocal (démonstration avec JAWS) et avec un navigateur texte (Lynx Viewer en ligne)