NOTE : ceci est un billet originellement posté dans le salon privé des modérateurs.
Au fil de la discussion, il s'est avéré qu'il pourrait concerner tous les membres du forum...
Hello,
J'aimerais votre avis sur un billet en brouillon :
Accessibilité : une petite checklist
Puisque les points de contrôle d'accessibilité sont parfois obscurs (peu évident de cerner leur importance, leurs bénéfices, la façon de les mettre en place), j'ai pensé reprendre rapidement et de manière très simplifiée la philosophie générale à suivre afin de faciliter l'accessibilité de son site web.
Pour commencer, je tiens à me décharger par rapport aux lecteurs : la liste suivante n'a aucune valeur officielle et ne représente en rien l'exclusivité des nombreux points de contrôles des WCAG 1.0, qui est l'actuelle version des standards.
Elle ne fait office que de "check-list", de philosophie générale à respecter afin de faciliter la vie des personnes handicapées ainsi que la nôtre en général. Elle n'est pas suffisante. C'est une sorte de point de départ minimal, pour éviter de grosses erreurs à la base.
A savoir que l'on part du postulat qu'aucun site web ne peut être 100% accessible à tous, notamment en raison de l'extrême pluralité des déficiences, de leurs contradictions, des outils employés qui emploient encore parfois leurs propres normes, etc.
Je rappelle donc que cette liste rapide n'est là que pour donner un aperçu très superficiel de la philosophie à respecter. La mise en accessibilité d'un site va bien au-delà d'une simple checklist à cocher (oui/non), mais nécessite un gros travail de professionnel expert dès la création du cahier des charges du projet, et doit s'adapter spécifiquement à chaque projet particulier.
1- Toujours prévoir une alternative à tout contenu
* les images : employer un texte alternatif (balises alt et eventuellement longdesc)
* les sons : prévoir une équivalence textuelle
* les vidéos : associer des sous-titrages ou une description textuelle
* les plugins (Flash, Java, etc.) : là encore, une alternative textuelle doit se substituer si les plugins ne sont pas installés (volontairement ou non)
* les styles de mise en forme (CSS) : le contenu doit rester cohérent et compréhensible quand les styles ne sont pas actifs
La règle générale : un document doit être parfaitement interprétable et compréhensible lorsque toutes les surcouches (styles, images, scripts, etc.) sont désactivées.
2- Toujours faciliter la compréhension du document
* les textes doivent être clairs et compréhensibles : rédigez dans un style et un langage adaptés au public, signifiez la langue du document et les changements de langue (lang), spécifiez les sigles (acronym, abbr) tout en privilégiant l'affichage complet si possible, employez l'attribut title pour apporter des informations supplémentaires aux liens qui le nécessitent (ajouter que le document à télécharger est au format PDF, son poids, etc.) il doit toujours reproduire - et non remplacer - l'information du libellé du lien avant de la compléter, attention également aux fautes d'orthographe sur certains mots qui pourraient devenir incompréhensible lors de la synthèse vocale d'un non-voyant, règle essentielle : les libellés de lien doivent être explicites hors contexte (pas de "cliquez ici")
* utilisez un balisage HTML sémantique : les balises doivent être employées selon leur fonction et non leur aspect par défaut. Ainsi, le travail de récupération et d'interprétation est largement facilité pour les outils comme les terminaux braille, les lecteurs vocaux, les moteurs de recherche, etc.
* épurer le document HTML de toutes les surcouches (styles, images, scripts, etc.) : c'est le principe de la séparation entre le contenu et la forme, qui a également de nombreux autres aspects positifs. Attention à ne pas déplacer les images de contenu dans le CSS.
* permettre l'agrandissement des contenus en employant des unités de taille fluide (% ou em).
3- Toujours faciliter la navigation dans la page et le site
* ne jamais imposer de navigation au visiteur (target), ou indiquer que sa navigation naturelle va être modifiée.
* proposer dès le début de page un "point de repère", les liens d'évitement tels que "page d'accessibilité", "aller au menu", "aller au contenu", "aller à la recherche".
* proposer diverses façons de naviguer sur le site web : plan de site, moteur de recherche interne, fil d'Ariane, liens d'évitement, retour en haut de page.
* permettre de naviguer grâce au clavier : utilisez les raccourcis-clavier (en prenant en compte leurs faiblesses). Attention aux tabindex. Leur implémentation dans une page HTML est délicate et ne doit servir qu'en dernier ressort, si le flux ne peut pas être modifié pour permettre une tabulation accessible. Généralement mal employés, ils font plus de mal que de bien.
Pour finir : toujours se baser sur un document propre et validé, pour éviter toute erreur de structure.
Merci d'avance
Modifié par Raphael (12 Feb 2006 - 12:20)
Au fil de la discussion, il s'est avéré qu'il pourrait concerner tous les membres du forum...
Hello,
J'aimerais votre avis sur un billet en brouillon :
Accessibilité : une petite checklist
Puisque les points de contrôle d'accessibilité sont parfois obscurs (peu évident de cerner leur importance, leurs bénéfices, la façon de les mettre en place), j'ai pensé reprendre rapidement et de manière très simplifiée la philosophie générale à suivre afin de faciliter l'accessibilité de son site web.
Pour commencer, je tiens à me décharger par rapport aux lecteurs : la liste suivante n'a aucune valeur officielle et ne représente en rien l'exclusivité des nombreux points de contrôles des WCAG 1.0, qui est l'actuelle version des standards.
Elle ne fait office que de "check-list", de philosophie générale à respecter afin de faciliter la vie des personnes handicapées ainsi que la nôtre en général. Elle n'est pas suffisante. C'est une sorte de point de départ minimal, pour éviter de grosses erreurs à la base.
A savoir que l'on part du postulat qu'aucun site web ne peut être 100% accessible à tous, notamment en raison de l'extrême pluralité des déficiences, de leurs contradictions, des outils employés qui emploient encore parfois leurs propres normes, etc.
Je rappelle donc que cette liste rapide n'est là que pour donner un aperçu très superficiel de la philosophie à respecter. La mise en accessibilité d'un site va bien au-delà d'une simple checklist à cocher (oui/non), mais nécessite un gros travail de professionnel expert dès la création du cahier des charges du projet, et doit s'adapter spécifiquement à chaque projet particulier.
1- Toujours prévoir une alternative à tout contenu
* les images : employer un texte alternatif (balises alt et eventuellement longdesc)
* les sons : prévoir une équivalence textuelle
* les vidéos : associer des sous-titrages ou une description textuelle
* les plugins (Flash, Java, etc.) : là encore, une alternative textuelle doit se substituer si les plugins ne sont pas installés (volontairement ou non)
* les styles de mise en forme (CSS) : le contenu doit rester cohérent et compréhensible quand les styles ne sont pas actifs
La règle générale : un document doit être parfaitement interprétable et compréhensible lorsque toutes les surcouches (styles, images, scripts, etc.) sont désactivées.
2- Toujours faciliter la compréhension du document
* les textes doivent être clairs et compréhensibles : rédigez dans un style et un langage adaptés au public, signifiez la langue du document et les changements de langue (lang), spécifiez les sigles (acronym, abbr) tout en privilégiant l'affichage complet si possible, employez l'attribut title pour apporter des informations supplémentaires aux liens qui le nécessitent (ajouter que le document à télécharger est au format PDF, son poids, etc.) il doit toujours reproduire - et non remplacer - l'information du libellé du lien avant de la compléter, attention également aux fautes d'orthographe sur certains mots qui pourraient devenir incompréhensible lors de la synthèse vocale d'un non-voyant, règle essentielle : les libellés de lien doivent être explicites hors contexte (pas de "cliquez ici")
* utilisez un balisage HTML sémantique : les balises doivent être employées selon leur fonction et non leur aspect par défaut. Ainsi, le travail de récupération et d'interprétation est largement facilité pour les outils comme les terminaux braille, les lecteurs vocaux, les moteurs de recherche, etc.
* épurer le document HTML de toutes les surcouches (styles, images, scripts, etc.) : c'est le principe de la séparation entre le contenu et la forme, qui a également de nombreux autres aspects positifs. Attention à ne pas déplacer les images de contenu dans le CSS.
* permettre l'agrandissement des contenus en employant des unités de taille fluide (% ou em).
3- Toujours faciliter la navigation dans la page et le site
* ne jamais imposer de navigation au visiteur (target), ou indiquer que sa navigation naturelle va être modifiée.
* proposer dès le début de page un "point de repère", les liens d'évitement tels que "page d'accessibilité", "aller au menu", "aller au contenu", "aller à la recherche".
* proposer diverses façons de naviguer sur le site web : plan de site, moteur de recherche interne, fil d'Ariane, liens d'évitement, retour en haut de page.
* permettre de naviguer grâce au clavier : utilisez les raccourcis-clavier (en prenant en compte leurs faiblesses). Attention aux tabindex. Leur implémentation dans une page HTML est délicate et ne doit servir qu'en dernier ressort, si le flux ne peut pas être modifié pour permettre une tabulation accessible. Généralement mal employés, ils font plus de mal que de bien.
Pour finir : toujours se baser sur un document propre et validé, pour éviter toute erreur de structure.
Merci d'avance
Modifié par Raphael (12 Feb 2006 - 12:20)