Normes et accessibilité

Pourquoi réfléchir à une démarche de conformité des standards pour créer votre site Internet ?

Les standards du Web sont un ensemble de technologies et de protocoles utilisés sur le Web et définis par le W3C sous forme de recommandations.

Sur plus de 80 recommandations, l'utilisation des normes XHTML et CSS permet de créer des sites Web pérennes et accessibles à tous.

Exemples de quelques recommandations

• Utiliser la sémantique des balises HTML à bon escient (structure des pages en titres, paragraphes, listes, ...)
• Séparer le contenu (texte) de sa mise en forme (couleurs, polices, positionnement... à l’aide des attributs CSS – feuille de style)
• Images et animations : utiliser l'attribut alt pour décrire la fonction de chaque graphique
• Multimédia : fournir légendes et transcriptions pour l'audio, et descriptions pour les vidéos
• Liens hypertextes : utiliser des énoncés pertinents (éviter «cliquer ici»)
• Scripts, applets et plug-ins : fournir une alternative quand le contenu actif est inaccessible ou non traité
• Tableaux : à proscrire pour la mise en forme des contenus, à utiliser pour structurer des données en facilitant la lecture ligne par ligne

Définir une politique d'accessibilité

L'accessibilité, selon Tim Berners-Lee, directeur du W3C consiste à Mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales.

En 1997, le W3C crée le WAI (initiative sur l'accessibilité du Web) regroupant des directives techniques simplifiant l'accès d'internet aux personnes handicapées mais aussi à tous les internautes, grâce à des règles strictes de développement.

Exemples de quelques directives

• Fournir des aides à la navigation  : liens d'aide à la navigation placés en haut de page (aller au contenu, au menu, au moteur de recherche, ...) afin que l'internaute trouve plus facilement l'information qu'il cherche
• Utiliser des tailles de polices relatives : permet à l'internaute de choisir une taille de police différente en fonction de ses besoins
• Ne pas ouvrir des pages Web dans de nouvelles fenêtres sans prévenir l'utilisateur
• S'assurer que le site est utilisable même si le Javascript est désactivé : 12% des internautes le désactivent
• Optimiser les formulaires (grouper les champs d'une manière cohérente et leur fournir une étiquette) : permet aux personnes naviguant à l’aide d’une aide technique de définir à quel champ de saisie correspond le texte associé
• Prévoir des raccourcis claviers pour les liens importants du site : permet à l'internaute d'atteindre et d'activer les liens sans la souris

Les avantages de mettre en application ces bonnes pratiques :

Une meilleure compatibilité et un affichage correct sur les différents navigateurs et systèmes

Une meilleure évolutivité : les standards permettront l'adaptation des sites aux nouveaux moyens d'accès au web qui se développent (téléphones portables, PDA, TV...)

Un affichage plus rapide des pages : les internautes encore connectés en bas débit ne sont pas pénalisés par le temps de chargement

Une optimisation du référencement : la séparation de la présentation et du contenu couplé à l'utilisation d'un balisage sémantique augmente la lisibilité du texte dans la page par les moteurs de recherche

Une maintenance facilitée : l'utilisation d'un code structuré rend la lecture de celui-ci plus simple lors des mises à jour

Une meilleure accessibilité pour les internautes souffrant d'un handicap et utilisant des lecteurs d'écran, synthèse vocale, plage Braille ...

Une mise en conformité avec le contexte légal : depuis février 2005, une loi impose la mise en conformité des sites de l'Etat aux normes internationales d'accessibilité. Cet article 47 indique que les services de communication publique en ligne des services de l'Etat, des collectivités territoriales et des établissements publics qui en dépendent doivent être accessibles aux personnes handicapées.

Validation de votre site

Une étape importante

Après avoir mis ces bonnes pratiques en applications, il est nécessaire d'utiliser des outils de validation, de vérification et d'auto-évaluation qui contrôlent la syntaxe du code utilisé lors de la création des pages Web.

Les liens ci-dessous s'ouvrent dans une nouvelle fenêtre ou un nouvel onglet si la fonction javascript de votre navigateur est activée.

Liste de ces outils :

» Validateur HTML du W3C

» Validateur W3C Multipages

» Validateur CSS du W3C

» Bobby validateur d'accessibilité

» Ocawa vérification des règles d'accessibilité

» Guide AccessiWeb des fiches pratiques par critères (92) pour comprendre, évaluer et mettre en application dans son site

» Opquast 153 bonnes pratiques sous forme de fiches avec méthodologie pour améliorer la qualité de son site

» Mon-opquast outil d'aide et de suivi pour évaluer les bonnes pratiques mises en place sur son site

» Lynx Viewer Simulateur du navigateur texte Lynx

» Outils de simulation des troubles de la vision : couleurs, contraste

» Web Page Analyzer analyse la taille des éléments qui setrouve dans la page Web et propose des conseils pour améliorer le temps de téléchargement

» Browsershots tester son site sur différents navigateurs et plateformes

---

Pour en savoir plus

Apprendre et comprendre...

Sites, forums, blogs, de nombreuses références en matière de standards et d'accessibilité

Les liens ci-dessous s'ouvrent dans une nouvelle fenêtre ou un nouvel onglet si la fonction javascript de votre navigateur est activée.

Liste de liens utiles :

» Alsacréations tutoriels, forums, blog... une communauté autour des standards du Web et de l'accessibilité

» Temesis qualité, conformité et accessibilité des sites Internet

» Blog de Laurent Denis Techniques et Standards de la Qualité Web

» Pompage traductions de ressources anglaises sur l'accessibilité

» Openweb pour les standards du Web

» La-grange.net 30 jours pour rendre un site web plus accessible

» Ergologique.com conseils en ergonomie et utilisabilité

» Accessiweb centre de ressources et de recherche sur l'accessibilité du Web

» Témoignages le quotidien des personnes qui naviguent avec des aides techniques

» Web pour tous ressources sur l'accessibilité et le handicap concernant tous les publics

» Braillenet guide pour une meilleure accessibilité des sites publics aux personnes handicapées

» Directives pour l'accessibilité aux contenus Web recommandation du W3C sur l'accessibilité générale d'un site

» Accès pour tous fiches techniques et aide à la création de pages compatibles

» Article du Groupe d'Intérêt pour l'Assurance Qualité du W3C acheter des sites Web conformes aux normes