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.

Raccourcis

• 9. Structuration de l'information
• 10. Présentation de l'information
• 11. Formulaires
• 12. Aide à la navigation
• 13. Contenus accessibles

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

9. Structuration de l'information

9.1 : Est-ce que la structuration de l'information est cohérente par rapport au contexte général du site ?

Niveau : Bronze

Nous estimons que la structuration de l'information est cohérente par rapport au type du site : un blog. On retrouve deux types principaux de pages : le détail d'un billet, les listes de billets. Chaque billet est composé, dans cet ordre, d'un titre, d'informations sur l'auteur et la date, du texte et on retrouve à la fin les contributions des visiteurs (rétroliens et commentaires).

9.2 : La page web est-elle structurée de manière cohérente ?

Niveau : Bronze

Oui, tout d'abord les balises sont utilisées pour leur fonction première de structuration et non pour des raisons graphiques. Chaque page est hiérarchisée grâce aux balises H1, H2, ... de manière cohérente. On retrouve la balise H1 une seule fois pour donner le titre du blog, les balises suivantes structurent les pages (H2 pour l'accroche, H3 pour les titres des billets et les catégories du menu, les balises inférieures structurent le contenu d'un billet).

9.3 : Y a-t-il un plan du site ?

Niveau : Argent

Oui, la table des matières

9.4 : Y a-t-il une page d'aide expliquant les principes de navigation à l'intérieur du site ?

Niveau : Argent

Oui, Aide à la consultation et participation du weblog.

9.5 : A partir de n'importe quelle page du site, la page d'aide est-elle atteignable de manière identique ?

Niveau : Argent

La page d'aide est toujours accessible via la catégorie A propos du menu général.

9.6 : Y a-t-il un moteur de recherche interne au site ?

Niveau : Argent

Oui, le moteur de recherche par défaut de Dotclear.

9.7 : A partir de n'importe quelle page du site, le moteur de recherche est-il atteignable de manière identique ?

Niveau : Argent

Oui, celui-ci est accessible via le menu général du blog.

9.8 : La page de résultats du moteur de recherche comporte-t-elle au moins les éléments suivants : nombre maximum de réponses par page, nombre total de réponses, éléments de navigation ?

Niveau : Or

Le plugin pagination a été modifié afin d'intégrer la pagination dans les résultats de recherche. Ces résultats sont précédés dans les pages par les informations de nombre total de résultats, de page courante, de nombre de pages totales et de nombre de résultats par page.

Retour aux raccourcis

10. Présentation de l'information

10.1 : Le contenu de la page est-il séparé de sa présentation ?

Niveau : Bronze

Toutes les informations de mise en forme sont isolées des pages HTML et contenues dans une feuille de style CSS.

10.2 : Avec les feuilles de style désactivées, l'information est-elle toujours présente ?

Niveau : Bronze

Toute l'information présente sur les pages du blog reste consultable sans les feuilles de style.

10.3 : Avec les feuilles de style désactivées, l'ordre d'apparition de l'information est-il respecté par rapport à l'ordre d'apparition initialement défini ?

Niveau : Bronze

Oui, l'ordre d'apparition de l'information reste la même avec ou feuille de stye. Le contenu est mis en avant et est suivi du menu, en première position on retrouve des liens d'évitements qui permettent d'accéder soit directement au contenu, soit directement au menu.

10.4 : Des valeurs relatives sont-elles utilisées pour dimensionner les tableaux et définir la taille des polices de caractère ?

Niveau : Argent

Toutes les dimensions des éléments, tableaux et polices de caractères sont définis avec des valeurs relatives.

10.5 : Si des valeurs absolues sont utilisées, le sont-elles sans conséquence sur l'affichage de l'information ?

Niveau : Argent

Lorsque l'on agrandit ou diminue le texte, l'information reste toujours lisible.

10.6 : Est-ce que les polices de caractères présentes sur la page appartiennent à la famille de polices de caractères sans sérif ?

Niveau : Argent

Oui, la police de caractère utilisée est Verdana, sans serif.

Retour aux raccourcis

11. Formulaires

11.1 : La balise LABEL et les attributs correspondants (ID, FOR) sont-ils présents ?

Niveau : Bronze

Chaque champ de saisie d'un formulaire est accompagné d'un texte dans une balise LABEL.

11.2 : Les textes associés aux champs de formulaires donnent-ils leur fonction exacte ?

Niveau : Argent

Chaque champ de formulaire est accompagné d'un texte explicite. La lecture hors contexte de ces textes permet de renseigner suffisamment sur les informations qui sont à saisir. Nous avons notamment amélioré les intitulés des boutons afin que l'on puisse facilement déterminer leurs fonctionnalités sortis du contexte du formulaire.

11.3 : Est-ce que la disposition des champs de formulaire par rapport aux textes qui leur sont associés ne pose aucune ambiguïté ?

Niveau : Argent

Nous avons étudié les formulaires afin que les intitulés et les champs de saisie soient visuellement proches. Ainsi, chaque intitulé est toujours situé juste au-dessus du champs de saisie correspondant et dans le code source l'intitulé précède toujours le champs de saisie.

11.4 : La balise FIELDSET est-elle présente pour encadrer des blocs d'information de même nature ?

Niveau : Argent

Les formulaires du site ne sont pas assez longs pour être séparés en divers blocs d'informations de même nature.

11.5 : La balise LEGEND est-elle présente pour donner un titre au bloc d'informations encadré par la balise FIELDSET ?

Niveau : Argent

La taille relativement réduite de nos formulaires ne nous a pas conduit à utiliser de balises fieldset.

11.6 : Dans un formulaire, le commentaire du bouton SUBMIT est-il pertinent ?

Niveau : Bronze

Chaque bouton de validation d'un formulaire est intutilé de façon à ce que sa fonctionnalité soit compréhensible même en dehors du contexte du formulaire.

11.7 : Le contrôle de saisie des champs du formulaire est-il accessible ?

Niveau : Bronze

Les champs obligatoires des formulaires sont indiqués en toutes lettres, la validation des formulaires n'est pas exécutée avec un script côté client. Ceci permet d'assurer la soumission des formulaires depuis n'importe quel navigateur.

11.8 : Les informations sont-elles organisées dans un ordre logique dans les listes de choix ?

Niveau : Argent

Aucune liste de choix n'est présente dans les formulaire du blog.

Retour aux raccourcis

12. Aide à la navigation

12.1 : La navigation dans l'ensemble des pages du site est-elle cohérente ?

Niveau : Argent

La structure du blog reste la même sur toutes les pages, le menu est toujours à droite, les liens d'évitements en haut... En ce qui concerne l'apparence des éléments, nous avons également tenté de garder une certaine cohérence, les blocs d'informations (comme le menu) sont toujours de la même couleur et au même emplacement. Les noms de liens correspondent aux noms des pages sur lesquelles ils pointent, les raccourcis présents sur le site sont toujours les mêmes...

12.2 : Le menu principal de navigation interne dans le site est-il toujours présent à la même place dans les pages ?

Niveau : Bronze

Le menu de navigation interne est toujours situé au même endroit, que ce soit graphiquement ou dans le code source.

12.3 : Existent-ils des barres de navigation qui facilitent l'accès pour la navigation interne dans le site ?

Niveau : Or

Plusieurs systèmes de navigations ont été mis en place sur Tentatives Accessibles. On retrouve tout d'abord un fil d'ariane qui permet au visiteur de savoir où il se trouve dans l'architecture du blog et de remonter dans l'arborescence. Un système de pagination a été mis en place pour naviguer à l'intérieur même d'une liste de billets. Enfin, lorsque l'on consulte un billet sur le blog, le menu propose des liens vers les billets précédents et suivants.

12.4 : Y a-t-il des liens facilitant la navigation dans la page ?

Niveau : Argent

Des liens d'évitements ont été placés en début des pages, ceux-ci permettent d'accéder directement au menu, au contenu ou à la recherche sur la page. Sur les pages dont le contenu est important, on retrouve des liens qui permettent de descendre ou remonter plus rapidement vers d'autres informations.

12.5 : Les liens importants du site comportent-ils des raccourcis claviers ?

Niveau : Or

Oui, se reporter à la liste des raccourcis clavier présents le billet politique d'accessibilité de Tentatives Accessibles.

12.6 : Si des raccourcis clavier ont été définis dans le site, sont-ils actifs dans la page ?

Niveau : Bronze

Tous les raccourcis claviers sont actifs sur toutes les pages du site.

12.7 : Y a-t-il des caractères de séparation lorsqu'il y a un groupement de liens ?

Niveau : Or

Oui, les hyperliens adjacents sont toujours séparés un caractère imprimable (ou une image), ou bien sont placés dans une liste. La conformité de ce critère a été vérifiée de façon automatique à l'aide du validateur automatique Opquast.

12.8 : La page fait-elle moins de 70 Ko ?

Niveau : Or

Les pages font toutes moins de 70Ko. Les images du thème ont été optimisées afin de peser le moins possible.

Retour aux raccourcis

13. Contenus accessibles

13.1 : L'utilisateur a t-il le contrôle du rafraîchissement ?

Niveau : Bronze

Aucun rafraîssement automatique n'a été mis en place sur ce blog.

13.2 : Si une redirection automatique est présente, s'effectue-t-elle sans l'intermédiaire d'un script ?

Niveau : Bronze

Aucune redirection automatique à l'aide d'un script n'est à déplorer.

13.3 : Le visiteur est-il averti lorsque de nouvelles fenêtres apparaissent ?

Niveau : Bronze

Aucun lien sur le site n'ouvre une nouvelle fenêtre.

13.4 : Y a-t-il une alternative équivalente au script qui déclenche l'ouverture de nouvelles fenêtres ?

Niveau : Bronze

Aucune ouverture de nouvelle fenêtre.

13.5 : Y a-t-il des informations supplémentaires disponibles décrivant la consultation des fichiers en téléchargement ?

Niveau : Bronze

Aucun fichier en téléchargement

13.6 : Lorsqu'un fichier peut être téléchargé, y a-t-il des formats alternatifs équivalents ?

Niveau : Or

Aucun fichier en téléchargement

13.7 : Est-ce que la présentation spécifique d'une information n'entrave pas l'accès à son contenu ?

Niveau : Bronze

Absence de toute animation clignotante ou défilante en gif animé ou flash.

13.8 : La présentation de la page est-elle réalisée sans détourner certaines balises de leur fonction d'origine ?

Niveau : Argent

Oui, toutes les balises sont utilisées pour le sens qu'elles apportent et non pour un simple rendu graphique. De plus, nous n'avons utilisé aucune balise qui n'est pas reconnue par le W3C.

13.9 : Les balises ACRONYM et ABBR figurent-elles au moins sur le premier des acronymes, abréviations de même nature se trouvant dans la page ?

Niveau : Or

Nous ajoutons et précisons la balise ACRONYM (ou ABBR) à chaque fois que nous rencontrons un acronyme ou une abbréviation dans nos billets.

13.10 : L'attribut TITLE de la balise ACRONYM est-il correctement rempli ?

Niveau : Or

Oui, l'attribut TITLE est toujours rempli avec la signification exacte de l'acronyme et dans la langue de celui-ci (Même chose pour les abbréviations).

13.11 : Lorsqu'un acronyme est présent et que la balise ACRONYM n'est pas remplie, chaque lettre est-elle séparée par un point ?

Niveau : Or

Oui, cependant, la plupart des balises ACRONYM et ABBR sont remplies.

13.12 : Les éléments de textes (titres, sous-titres, phrases,...) ne doivent pas être écrits en lettres majuscules : cette règle est-elle vérifiée ?

Niveau : Or

Aucun élément de texte n'est écrit en majuscules (sauf les noms propres, les acronymes, et ici, les noms des balises HTML)

13.13 : La page fait-elle au maximum 3 écrans en résolution 1024*768 si aucune navigation interne n'est prévue ?

Niveau : Or

En présentation "liste", chaque page n'affiche que trois billets avec uniquement leurs titres et leurs chapeaux. Les chapeaux ont été conçu de façon à ne jamais être plus long qu'un petit paragraphe. Les pages de ce mode font systématiquement moins de trois écrans. De plus entre chaque billet, un lien de retour en début de page est présent.
En mode billet, un lien est présent dans le cartouche d'information pour descendre directement aux commentaires. En complément, tous les billets longs (Dont le corps dépasse les trois écrans en hauteur en résolution 1024 par 768), ont été dotés d'un sommaire et de liens de retour.