Conformité aux critères AccessiWeb (partie 1)
-
19 mai 2006, 15:11
À propos de ce blog
-
RSS commentaires
-
Commentaires
Avancement de l'évaluation des 92 critères AccessiWeb. Ce billet va grossir à mesure que les critères seront validés.
Attention. Ce billet recense l'état de conformité du blog aux 49 premiers critères AccessiWeb. Le billet Conformité aux critères AccessiWeb (partie 2) contient la liste des 43 autres critères.
Les critères précédés d'une astérixe seront probablement vérifiés dans les billets grâce à un plugin. Du moins, ce serait vraiment pratique. (édition du 30/11/06: le greffon KiwiAccess pour Dotclear)
Raccourcis
- 1. Éléments graphiques
- 2. Cadres
- 3. Couleurs
- 4. Multimédia
- 5. Tableaux
- 6. Liens
- 7. Scripts
- 8. Eléments obligatoires
Légende
: Critère qui n'a pas encore été testé
: Critère non applicable sur ce blog
: Blog non conforme avec le critère
: Blog en conformité avec le critère
1. Éléments graphiques.
* 1.1 : Chaque élément graphique possède-t-il une alternative textuelle ?- Niveau : Bronze
- Oui, toutes les images ont été affublées d'un attribut alt dès leur ajout dans la page.
1.2 : Pour chacune des images de la page ayant une alternative, les textes dans l'attribut ALT sont-ils appropriés par rapport au contexte dans lequel l'image se trouve ?- Niveau : Bronze
- Oui. Le contenu de l'attribut alt est choisis spécialement pour chaque image afin que l'information qu'elle véhicule soit adaptée au format texte.
1.3 : Les éléments graphiques destinés à la décoration sont-ils commentés par ALT="" ?- Niveau : Bronze
- Lorsque des images sont utilisées, elles apportent une information utile à la fois pour les navigateurs visuel et pour les navigateurs texte. Aucune ne nécessite donc d'attribut alt vide.
* 1.4 : Pour chacune des images de la page, les textes dans l'attribut ALT font-ils moins de 60 caractères ?- Niveau : Bronze
- Pour le moment oui. Bien veiller à ne pas outrepasser cette limite dans les billets. (Un plugin faisant cette vérification serait bien utile)
* 1.5 : Les commentaires associés à chacune des zones réactives d'une image map sont-ils pertinents ?- Niveau : Bronze
- Non applicable. Nous n'utilisons pas d'image map.
1.6 : Les zones de chacune des images MAP sont-elles ordonnées de manière logique ?- Niveau : Argent
- Non applicable. Nous n'utilisons pas d'image map.
* 1.7 : Pour chacune des images MAP, les zones de l'image MAP sont-elles définies juste après la déclaration de l'image MAP ?- Niveau : Argent
- Non applicable. Nous n'utilisons pas d'image map.
1.8 : Pour chacune des images texte de la page, le contenu de son alternative est-il au moins équivalent au texte inscrit dans l'image ?- Niveau : Bronze
- Nous n'utilisons pas d'images texte.
1.9 : Il convient de remplacer un texte sous forme d'image par un texte mis en forme. Cette règle est-elle respectée ?- Niveau : Argent
- Nous n'utilisons pas d'images texte.
1.10 : Quand une image nécessite une description détaillée, un commentaire texte lui est-il associé ?- Niveau : Bronze
- Nous n'utilisons pas encore d'image nécessitant de description longue.
1.11 : Si une description détaillée de l'image est présente, son contenu est-il pertinent ?- Niveau : Bronze
- Il le sera !
1.12 : Pour chacune des images liens, le texte contenu dans l'attribut ALT donne-t-il la fonction du lien ?- Niveau : Bronze
- Les images placées dans des liens ne sont pour l'instant pas seules mais accompagnée d'un libellé texte. Ces images possèdent un attribut alt complétant les informations du libellé.
1.13 : Est-ce que la taille utilisée pour chacune des images est appropriée par rapport au contexte dans lequel elle se trouve ?- Niveau : Or
- Pour le moment, la seule image pour laquelle ce critère est pertinent est le logo. Sa taille est exprimée en
emdans la feuille de style. Si la feuille de style est désactivée, l'image reste d'une taille cohérente puisque ses dimensions sont précisées en pourcentages dans le code HTML.
2. Cadres
Ce site n'utilise pas de cadres. Ces critères ne sont donc pas applicables.
3. Couleurs
3.1 : L'information donnée par la couleur est-elle aussi lisible lorsque les couleurs sont désactivées ?- Niveau : Bronze
- Oui. Testé grâce au logiciel Sim Daltonisme en niveau de gris en en fonction des différents types de daltonisme. Les informations sont aussi différentiées par des changement de taille des polices.
3.2 : Les différences de contrastes entre les couleurs sont-elles suffisamment élevées ?- Niveau : Bronze
- Oui. Les vérifications monochromatiques sont rassurantes. On peut éventuellement envisager d'assombrir le vert des titres afin d'améliorer encore le confort de lecture.
4. Multimédia
* 4.1 : Est-il possible de récupérer les informations fournies dans les supports multimédias d'une autre manière ?- Niveau : Bronze
- Nous n'utilisons pas encore de fichiers multimédia.
4.2 : Le contenu multimédia est-il synchronisé avec son alternative ?- Niveau : Bronze
- Nous n'utilisons pas encore de fichiers multimédia.
5. Tableaux
* 5.1 : L'attribut SUMMARY est-il présent et pertinent ?- Niveau : Bronze
- Oui. Le tableau utilisé pour le calendrier en est pourvu d'origine. Les tableaux éventuellement présents dans les billets sont maintenant équipés.
5.2 : Dans un tableau de données, la balise CAPTION est-elle utilisée pour donner un titre au tableau ?- Niveau : Bronze
- Oui.
* 5.3 : Dans les tableaux de données, y a t-il des en-têtes de colonnes appropriés ? - Niveau : Bronze
- Oui. Les éléments d'en-tête TH sont bien renseignés.
* 5.4 : Dans un tableau de données, y a t-il un attribut HEADERS présent pour relier chacune des cellules du tableau ?- Niveau : Bronze
- Oui. Le calendrier a été modifié pour valider ce critère. Un tableau dynamique dans le billet à propos du positionnement des images d'arrière plan a aussi été modifié.
* 5.5 : Dans un tableau de données, lorsqu'un titre de colonne dépasse 15 caractères, l'attribut ABBR est-il utilisé ?- Niveau : Argent
- Encore un tableau à modifier. Conforme nous sommes.
5.6 : Dans un tableau de mise en forme, le contenu est-il correctement ordonné ?- Niveau : Bronze
- Quels tableaux de mise en forme ? Qu'est ce donc ? On a jamais vu ça. Pas ici en tout cas.
6. Liens
* 6.1 : L'intitulé des liens fait-il moins de 80 caractères ?- Niveau : Bronze
- Affirmatif. La taille des liens est manuellement vérifiée lors de leur création.
Il serait vraiment très sympathique de créer un plugin pour faire ces petites vérifications automatiquement lors de l'ajout d'un billet.
Un plugin a été créé pour vérifier sur la totalité des billets du blog la présence des attributs ALT, leur longueur, ainsi que les longueurs des libellés de liens et des attributs TITLE.
* 6.2 : Les liens sont-ils explicites ?- Niveau : Bronze
- Les liens des informations relatives à un billet ont été explicités. Ainsi, les liens "rss" et "lien permanent" ont été complétés par le numéro du billet concerné. En complément, nous apportons une attention particulière à la rédaction de nos billets afin d'en proscrire les liens non explicites. Les liens pour lesquels il était difficile de fournir un libellé explicite sont néanmoins dotés d'un attribut title.
* 6.3 : Si nécessaire, l'attribut TITLE est-il présent et fait-il moins de 80 caractères ?- Niveau : Bronze
- L'attribut TITLE est présent sur une grande majorité des liens et fait moins de 80 caractères. NB : Certains des attributs TITLE étant composé d'un texte suivit d'un titre de billet, nos titres de billets doivent impérativement faire moins de 70 caractères.
6.4 : L'attribut TITLE donne-t-il plus d'informations concernant le lien que l'intitulé du lien lui-même ?- Niveau : Bronze
- L'attribut TITLE des liens reprend l'intitulé lui-même pour le compléter ou reformule ce dernier en fournissant la même information.
6.5 : Chaque intitulé de lien identique amène t-il vers la même destination ?- Niveau : Bronze
- Parallèlement au critère 6.2, les liens ont été vérifiés afin de posséder un libellé unique pour chaque destination.
6.6 : Dans l'arborescence du site, y a t-il un maximum de 9 catégories par niveau de navigation ?- Niveau : Or
- La navigation par catégorie respecte ce critère puisque le blog n'utilise que 6 catégories. Ce critère ne semble pas s'appliquer à une navigation chronologique.
6.7 : Y a-t-il moins de 40 liens actifs dans la page, hors liens nécessaires à la navigation ?- Niveau : Or
- Notre menu de navigation (D'identifiant sidebar) possède 16 liens, sans compter le calendrier. Aucune page possédant plus de 56 liens n'a été trouvée. Nous ne comptons pas les liens de navigations internes aux billets ni les tables de matières catégorique et chronologique dont la vocation est de proposer des accès directs à toutes les pages du site.
7. Scripts
7.1 : Si un script nécessite une alternative pour être accessible, l'information donnée par cette alternative est-elle équivalente à l'information fournie par le script ?- Niveau : Bronze
- Dans le billet "Positionnement des images d'arrière plan en pourcentage", un script permet de simplifier un calcul. Une explication détaillée de ce calcul est présentée dans la balise <noscript> correspondante.
7.2 : Des actions peuvent-elles être accomplies même si le périphérique pour lequel elles sont prévues est désactivé ?- Niveau : Bronze
- Le blog est consultable aussi bien uniquement à l'aide d'un dispositif de pointage qu'avec un simple clavier. Nous n'utilisons par exemple pas de liens faisant usage de scripts basés sur l'événement onclick.
8. Eléments obligatoires
8.1 : La balise DOCTYPE est-elle présente au début du code source de la page ?- Niveau : Bronze
- Oui, il s'agit de la balise DOCTYPE (Document Type Declaration) qui informe que nous utilisons du
XHTML 1.0au niveau strict.
8.2 : L'attribut LANG est-il présent au début du code source de la page pour identifier clairement la langue utilisée ?- Niveau : Bronze
- L'attribut
LANGest présent dans la balisehtmlsur toutes les pages. En plus de cela, l'en-têteHTTP Content-Languageest renseignée sous la formeContent-Language: fr.
8.3 : Des éléments de description de la page sont-ils présentes en début de code source ?- Niveau : Argent
- Plusieurs éléments de description de la page sont présents en début du code source comme la table de caractères utilisée (utf-8), les noms des auteurs du site, une description et des mots-clés liés à chaque page.
8.4 : Existe-t-il une balise TITLE dans l'en tête de la page ?- Niveau : Bronze
- La balise
TITLEest renseignée sur toutes les pages du site.
8.5 : Le contenu de la balise TITLE est-il explicite ?- Niveau : Bronze
- Le contenu de la balise
TITLErappelle sur chaque page le nom du blog et le titre de la page consultée.
8.6 : Le contenu de la balise TITLE est-il différent d'une page à l'autre ?- Niveau : Bronze
- Le contenu de la balise
TITLEest spécifique à chacune des pages puisque la balise contient le titre du billet en mode billet et l'identification de la sélection de billets en mode liste ("Billets de Mai 2006", par exemple), complétée par le numéro de la page consultée.
8.7 : Les changements de langue dans une page sont-ils signalés ?- Niveau : Bronze
- L'attribut
LANGest précisé à chaque fois que la langue est modifiée dans une page (principalement lorsque l'on rencontre des mots anglais). Ce critère ne peut pas être vérifié de façon automatique, il est donc important que nous soyons attentifs et que nous précisions la langue à chaque fois que cela s'avère nécessaire.
La suite des critères AccessiWeb est située dans le billet Conformité aux critères AccessiWeb (partie 2).
Commentaires
Commentaire 1. Le 10 juin 2006 à 14:16, par goetsu
Commentaire 2. Le 11 juin 2006 à 11:22, par Sébastien D.
Commentaire 3. Le 26 juillet 2006 à 21:23, par David Latapie
Commentaire 4. Le 26 juillet 2006 à 21:38, par Sébastien D.
Commentaire 5. Le 31 juillet 2006 à 19:05, par David Latapie
Commentaire 6. Le 3 décembre 2008 à 17:21, par étudiant de l'acessibilité Web
Commentaire 7. Le 5 décembre 2008 à 15:14, par Jérôme
Ajouter un commentaire