Le 12 novembre 2008, la ville de Bruxelles se dotait d'un tout nouveau site Web réalisé en interne par le GIAL (Centre de Gestion Informatique des Administrations Locales).
La volonté de proposer un travail de qualité est évidente et mérite d'être soulignée :
- proposer un contenu riche, varié, régulièrement actualisé ;
- permettre aux différentes catégories de public (habitants, visiteurs, hommes d'affaire...) de trouver rapidement l'information cherchée en proposant plusieurs chemins d'approche (selon les thématiques ou les types de visiteurs, par un index ou un moteur de recherche) ;
- proposer différents moyens de contacts tant avec les membres du Collège et les différents Services administratifs qu'avec les responsables techniques du site ;
- permettre l'utilisation de formulaires électroniques pour diverses formalités ;
- prendre en compte les standards du Web et les directives d'accessibilité (texte alternatif pour les images, URL lisibles par les humains...).
Remarques et suggestions
Page tunnel
Le validateur annonce 9 erreurs... c'est beaucoup pour une page aussi simple. La plupart sont dues au non respect de la syntaxe du doctype choisi.Comme un grand nombre de sites belges (communautés linguistiques obligent), la page d'accueil n'est qu'une page tunnel pour proposer le choix de la langue. Cette technique est peu favorable à un bon référencement, la page ne propose pratiquement pas de contenu et n'est jamais mise à jour.
Les liens de l'image réactive (map) ne fonctionnent pas correctement et il n'y a pas de texte alternatif.
La photo de la Grand Place est certes très belle mais elle est en image de fond et les textes Ville de Bruxelles et Stad Brussel font partie de l'image. Le seul texte disponible est la mention des langues (français et néerlandais) et un numéro de téléphone... pas de quoi informer les internautes qui ne disposent pas de l'image ni d'intéresser les robots des moteurs de recherche. Pour se faire une idée, voilà se qu'on peut lire avec Lynx, navigateur graphique
Problème technique ? Cette page n'est actuellement accessible qu'en tapant l'URL de brucity.be
Pages de contenu
Les balises hn pour structurer le contenu ne sont utilisées que sur quelques pages. Par exemple sur la page d'accueil, on trouve<div class="SecondHeading">Index</div>
<div class="TitleFrontPage">ACTUALITÉ COMMUNALE</div>
au lieu de
<h2 class="SecondHeading">Index</h2>
<h3 class="TitleFrontPage">ACTUALITÉ COMMUNALE</h3>
Il y a plusieurs menus répartis sur une page, ils ne sont pas présentés sous forme de liste. Si visuellement, il n'est pas trop difficile de les repérer, cela devient impossible pour les utilisateurs d'aides technique telles que les lecteurs d'écran. Les liens des menus ne sont donc pas clairement identifiables comme tels.
La taille du texte peut être agrandie en cliquant sur un bouton prévu à cet effet. Mais d'une part le lien est en JavaScript, et tous les utilisateurs ne disposent pas du JavaScript, et d'autre part seule une partie du contenu est agrandie comme le montre cette capture (cliquer sur l'image pour la voir en taille réelle)
L'idéal est de laisser l'internaute utiliser les fonctionnalités prévues par son navigateur. Il faut pour cela que le code respecte certaines contraintes, ce qui n'est pas le cas ici. La taille de police en px privent les utilisateurs d'Internet Explorer 6 de la possibilité d'agrandir le texte. Le choix de mise en page perturbe sérieusement la qualité de l'affichage du menu horizontal
Compte tenu du grand nombre de liens, la présence d'un lien d'accès direct au contenu est particulièrement utile pour rendre moins laborieuse la navigation au clavier ou avec un lecteur d'écran. Pour cela il faudrait qu'il soit non seulement présent mais aussi visible et opérationnel, ce qui n'est pas le cas à ce jour. De plus, il faudrait que l'intitulé soit en français (et non en néerlandais) pour la version francophone du site.
Alors que les champs du formulaire de recherche avancée sont correctement étiquetés avec la balise label, le formulaire de recherche simple et de l'agenda ont été oubliés.
Il reste beaucoup de choses à dire mais je souhaitais juste attirer l'attention sur quelques problèmes parmi les plus graves et non faire un audit complet.
Ils parlent du site
- Karine Lalieux, Echevine de l’Informatique de la ville de Bruxelles
- Denis Balencourt sur son blog Denis au fil du web
- Denis Balencourt sur le blog collaboratif bxl.blog
