Site de la ville de Bruxelles
Par Monique le mardi 25 novembre 2008, 09:30 - Webmasters - Lien permanent
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
Commentaires
Bonjour Monique,
Merci pour cette analyse.
Concernant la page tunnel je ne pense pas qu'il s'agisse d'un problème technique. Puisque lorsque tu écris le nom de la ville en français tu tombes directement sur la version française (bruxelles.be) et quand tu écris le nom en néerlandais sur l'autre version (brussel.be). Brucity.be étant, si j'ai bien compris l'adresse de l'ancienne version du site. En soit il n'y a pas vraiment de page tunnel, c'est l'ancien site qui pointe sur les deux nouveaux.
Pour l'image MAP on peut également signaler que cela pourrait être rapidement corrigé en ajoutant une alternative aux balises AREA (alt="Ville de Bruxelles" et alt="Stad Brussel") sans oublier la langue dans l'attribut LANG (réciproquement lang="fr" et lang="NL").
A ce propos, autre problème d'importance, il manque l'attribut LANG sur la balise HTML en début de page (<html lang="fr"...> et <html lang="nl"...>). Il y a l'attribut xml:lang mais il n'est pas suffisant car non interprété par les revues d'écran. Cela permettra aux synthèses vocales de prononcer correctement le contenu des pages.
Il y a également de nombreux liens pas vraiment explicites "suite" et "détails".
Voilà pour mes compléments d'information.
Excellent travail Monique, en espérant que les équipes qui ont travaillé sur le projet puissent découvrir ces informations et faire évoluer l'accessibilité du site.
Dans l'ensemble je pense que le niveau d'accessibilité a été élevé par rapport à la dernière version, non ?
Sébastien.
Bonjour,
Merci pour ces compléments d'informations, Sébastien... j'avais encore pas mal de remarques en stock, mais j'ai décidé d'arrêter là
Comme toujours, j'envoie un mail aux responsables d'un site dont je publie une critique et je les invite à user d'un droit de réponse via les commentaires.
Pour la page de choix de langue, je ne comprends pas pourquoi je n'ai jamais pu y revenir une fois mon choix de langue effectué. Habituellement il me suffit de supprimer les cookies mais pour ce site cela ne suffisait pas... dommage pour la splendide photo de la Grand Place qu'on ne peut voir qu'une seule fois !
Il est clair que le niveau d'accessibilité a nettement évolué par rapport à l'ancien site. L'intention des responsables est d'ailleurs clairement annoncée. Alors comme le dit Karine Lalieux sur son blog, maladie de jeunesse ? En tout cas, l'intention de tenir compte des remarques et suggestions est tout aussi clairement annoncée. J'ai donc bon espoir !
Amicalement,
Monique
En allant simplement sur la page d'accueil (pas le courage d'explorer), je trouve ce site beaucoup trop chargé dans son système de navigation. Bigre, je ne voudrais pas chercher une info dans ce buibui !
D'un point de vue esthétique, le site est d'une tristesse sans nom. Bruxelles, capitale de l'Europe... eh ben.
Pour ce qui concerne le title de la page d'accueil "Site web officiel..." => ah c'est un site web et je suis sur l'url officielle. Infos pertinentes pour un title ?
Des vignettes sans liens (alors qu'on sait qu'une majorité a le réflexe de cliquer en priorité sur les images), des catégories sans liens... mais des liens sur "suite". Heum
Bon j'arrête de critiquer...
Bonjour Monique,
L'Echevine de l'Informatique m'a transmis le lien et j'ai lu avec intérêt tes remarques. Effectivement, il a été demandé, dans un laps de temps assez court, de mener une étude pour le site web de la Ville de Bruxelles, de faire des propositions et ensuite développer un nouveau site (le précédent datait de 2002), tout en menant un travail de récolte d'informations et de réécriture.
Comme indiqué par l'Echevine, nous étions conscients que le site était perfectible d'une part et que nous pouvions bénéficier des critiques - surtout quand elles sont claires et précises - dans un "web spirit". D'où le bouton "Signalez un problème" qui nous permet d'apporter des corrections.
J'en viens maintenant aux remarques formulées. Effectivement, le site web ne communique plus sur www.brucity.be (Brucity n'ayant pas de signification pour le citoyen ou le touriste) mais bien sur www.bruxelles.be et www.brussel.be. Cependant, l'adresse www.brucity.be ainsi que d'autres noms de domaine (Bruxelles en d'autres langues) mènent à cette page que nous avons voulu simple. Les erreurs sur la page et le problème de map et texte alternatif ont été corrigés.
Pour ce qui concerne les menus, nous avons évacué les images et autres Flash. Nous avions cependant un souci sans doute typique d'un site communal : permettre à chacun de passer d'une information à l'autre quelle que soit la page par laquelle il accède au site. D'où les menus supérieurs permanents (menu thématique, menu administratif & politique, plan, index - à compléter -, menu par publics). Pour les utilisateurs qui n'aiment pas ces modes de recherche, le moteur de recherche est fonctionneL
Pour ce qui concerne le lien d'accès direct au contenu, nous avons suivi Blindsurf qui semble ne pas exiger que ce soit visible. L'intitulé dans l'autre langue a été corrigé.
L'ajout de la balise label dans nos autres outils de recherche figure maintenant dans notre todo list.
Les problèmes de balise mentionnés par le 1er commentateur ont été réglés. Nous ajouterons un lien sur les images en page d'accueil.
Pour ce qui concerne le graphisme, nous avons examiné l'ensemble des sites des capitales européennes, les sites de grandes villes belges, françaises et autres et nous avons choisi une certaine sobriété qui nous semble favoriser la lisibilité. En ce sens, le site web de la Ville de Bruxelles est plus proche d'un site web de presse qui met en valeur l'information que d'autres sites de Ville plus "graphiques". Par contre, nous avons privilégié l'ajout d'illustrations qui sont un "plus" pour le visiteur.
BAT
Philippe Allard
Cellule Web - Site web Ville de Bruxelles
Il n'est pas nécessaire d'avoir un graphisme perfectionné et très technique pour avoir une ambiance agréable, professionnelle. De nombreux sites, manient les niveaux de lecture et la mise en page avec dextérité sans utiliser aucune image. Il faut évidemment un graphiste qui ait le sens de l'esthétique.
"nous avons examiné l'ensemble des sites des capitales européennes, les sites de grandes villes belges," Une idée ne devient pas vérité parce qu'elle est largement diffusée. Ensuite, je trouve la démarche particulière. Je pensais qu'une réflexion était faite sur les valeurs à communiquer et donc à apparaître à travers le site. Quand j'entends Bruxelles, j'entends "vivacité, jeunesse, capitale, Europe, dynamisme, tourisme..."
"sobriété qui nous semble favoriser la lisibilité" => Intéressant, à vous lire, des couleurs "joyeuses" seraient antinomiques avec la sobriété. Quand je vais voir le site de Namur, je le trouve vivant et sobre ne même temps. C'est amusant que vous parliez de lisibilité car je ne pense pas que du Tahoma à 11 pixels est lisible pour la majorité des personnes.
Bonjour,
J'ai reçu un email de Philippe Allard hier où il me dit : "Dans la foulée de ton article sur Webatou et des commentaires, nous avons listé les problèmes d’accessibilité du site web de la Ville et tenté d’y répondre."
J'apprécie beaucoup !
Amicalement,
Monique