Diagnostic-minute accessibilité : Montpellier.fr

Date de publication : 2007-12-07, par Patrice Bourlon - lien permanent

Page analysée : page d'accueil du site Montpellier.fr

Le site de la Ville de Montpellier a fait un effort certain en matière d'accessibilité. Le site possède une page d'aide accessibilité. Il propose une fonction de personnalisation de l'affichage (taille des polices, contrastes), des raccourcis clavier et un certain nombre de pages traduites en langue des signes.

La page d'accueil de ce site ne satisfait toutefois qu'à 3 des 7 recommandations primaires de notre grille simplifiée, utilisée pour le diagnostic-minute. Ce site n'est pas accessible au regard des standards en vigueur (du moins pour un niveau de conformité AA).

Résultats sur les 7 critères

Critère 1 : Le code (X)HTML et CSS de la page est valide.

Résultat : non-conforme

Commentaire : le vérificateur HTML du W3C détecte 10 erreurs dans le code de la page analysée (Doctype HTML 4.01 Strict). Les feuilles de style ne valident pas dans le vérificateur CSS.

Critère 2 : Les textes de remplacement (attribut alt) des éléments graphiques sont correctement documentés.

Résultat : conforme

Commentaire : aucune non-conformité relevée. Les attributs alt des éléments graphiques et des différentes zones cliquables de la carte des quartiers sont correctement documentés. En l'état, l'utilisation de cette carte avec un navigateur graphique dans la configuration images désactivées n'est toutefois pas possible.

Critère 3 : Les contenus de la page restent accessibles et utilisables si JavaScript est désactivé.

Résultat : conforme

Commentaire : aucune non-conformité relevée.

Critère 4 : Les balises de titrage sont correctement utilisées (h1, h2, etc.).

Résultat : non-conforme

Commentaire : la hiérarchie du titrage n'est pas respectée sur la page analysée (un h1 et un h2 manquants). En l'état, la navigation "par titre", avec un lecteur d'écran par exemple, risque d'être perturbée.

Critère 5 : Les étiquettes de champs de formulaires (balise label) sont correctement utilisées.

Résultat : non-conforme

Commentaire : le formulaire (recherche) présent dans la page analysée n'utilise pas la balise label.

Critère 6 : Les tailles de polices sont exprimées en valeur relative.

Résultat : conforme

Commentaire : aucune non-conformité relevée. Les tailles de polices sont exprimées en valeur relative (em, pourcentage ou tailles prédéfinies).

Critère 7 : Le comportement et la destination des liens hypertextes sont explicites.

Résultat : non-conforme

Commentaire : le texte de lien "En savoir plus", répété à plusieurs reprises sur la page, n'est pas explicite ; il faudrait au minimum documenter systématiquement l'attribut title des liens concernés pour les distinguer les uns des autres et les rendre plus explicites. En l'état, la navigation "par lien", avec un lecteur d'écran par exemple, risque d'être difficile.