Exibit - blog/portfolio de Benoît Vrins, webdesigner : Blog - <p>Web, design et rock ’n roll !</p>

Blog : Web accessibilité

Vide ton cache !

Voici une expression que j’utilise assez régulièrement dans des conversations avec ma clientèle. J’ai souvent en retour un regard ou un silence embarassé suivi de "Heu, c’est quoi le cache ?". Petite explication rapide : le cache navigateur et le cache de SPIP, le gestionnaire de contenu que j’utilise principalement dans la réalisation de mes sites

Le cache est un répertoire de fichiers temporaires. Quand nous visitons un site notre navigateur télécharge le contenu de la page visitée dans un répertoire de notre ordinateur appelé "cache". L’idée est que quand on revient plus tard sur cette page, le navigateur ne re-télécharge plus des éléments qu’il a déjà téléchargés précédemment (il va réutiliser des éléments déjà présents dans le cache). C’est très pratique car cela permet un affichage plus rapide de la page. Sauf quand il y a des mises à jours sur cette fameuse page. C’est pour cela qu’il est bien de vider le cache de son navigateur de temps en temps...

SPIP, comme le navigateur, a un cache et fonctionne de la même manière. Quand un utilisateur visite une page du site, SPIP met en cache les requêtes faites dans la base de données (affichage du contenu de tel article, de tel mot-clé etc.) de manière à ce que les futurs utilisateurs qui consultent la page aient un chargement de la page plus rapide en limitant au strict minimum les requètes dans la base de données. En tant qu’administrateur d’un site fait avec SPIP, un petit bouton en haut de page avec la mention "recalculer cette page" permet de demander à SPIP de ne pas afficher le cache mais de renvoyer la requête complète dans la base de données.

Si de nombreux recalculs de page sur le site sont nécessaire, il est possible de vider complètement le cache de SPIP en une fois depuis l’interface de gestion de SPIP (dans la page "Configuration, "vider le cache").

Une petite synthèse qui je l’espère aura l’effet je l’espère de rendre plus limpide cet univers de technologies nouvelles souvent un peu compliqué.

12 octobre 2009 - 1 commentaires - tags : Web accessibilité

WIFI gratuit sur Bruxelles

Trouver un lieu public pour un rendez-vous professionnel à Bruxelles ayant un accès WIFI ? Parfois un peu galère... Je me suis lancé dans la création d’une carte répertoriant les cafés et restos bruxellois qui proposent à ses clients un accès gratuit a leur réseau WIFI.

Sentez-vous libre de proposer de nouvelles adresses (dans les comments) afin que cette carte soit la plus pertinente possible

Agrandir le plan

27 mars 2008 - 6 commentaires - tags : Web accessibilité

Liens de la semaine 24/09

Une petite série pour terminer ce mois de septembre, synonyme de rentrée, de fin de l’été (pour un peu qu’il ait un jour commencé) et des premières feuilles qui tombent.

l’adresse éco-bio

http://www.auto-nomie.be/ : vu sur BxlBlog, via Baudouin. Extraits choisis :

La vie en ville doit-elle forcément être synonyme de béton, de grisaille, de gaz d’échappement omniprésents, de bagnoles reines de l’espace public et de déconnection totale des cycles naturels ?

Notre ville, nous la rêvons tout autre. Verte, avant tout. Avec de l’espace, de l’air pur, des coins de nature pour tous et partout. Une ville qui donne priorité à l’humain et à la convivialité plutôt qu’aux voitures. De la vie en tous lieux. Et des jardins dans chaque moindre recoin... (...)

Une voiture prête pour la casse est transformée en potager public, et sert ainsi d’outil pour faire des emplacements de parking, des espaces fertiles et générateurs de liens sociaux par le jardinage collectif.

l’adresse qui en jette

http://www.antarcticstation.org/ : il s’agit simplement du site officiel de la fameuse station belge pour l’Antartique. Une occasion de la découvrir si vous l’avez loupée à Tour & Taxis lors de sa présentation au public. Mais ce site va plus loin, et c’est typiquement ce genre de projets que j’adore : cohérence jusqu’aux bouts des doigts ! Derrière un design sobre, design et contemporain, le site a été réalisé avec une vigilance pour l’accessibilité du web. Respect !

l’adresse rock’n roll

http://www.penichefestival.be/ : il s’agit ici avant tout d’un clin d’oeil pour ce lieu de bord de Meuse dans lequel nous avons abouti hier soir loin de nos pénates jusqu’aux petites heures du matin. Je ne sais pas ce qui était le plus rock’n roll, entre la musique, le lieu, la foule, l’organisation ou les toilettes (magnifiques les toilettes ! Dommage que je n’ai pu les immortaliser, si quelqu’un a un cliché qu’il me le fasse parvenir svp). Bref, une soirée d’ex-cep-tion. Et ils remettent ça !

l’adresse insolite

Steve Jobs présente le iRaq : après le iMac, le iBook, le iPod, le iPhone, Apple lance le... iRaq !

l’adresse à chaud

http://www.sauvonslasolidarite.be : vous l’avez déjà probablement reçu par mail, si ce n’est pas le cas, petite séance de rattrapage de Belgitude.

29 septembre 2007 - 0 commentaires - tags : Insolite , Mode de vie - écologie , Web accessibilité , Rock ’n Roll

Nouveau site de la STIB

En croisade contre le non respect des standards du web, la nouvelle cible de la semaine est sans conteste le nouveau site de la STIB qui, malgré une fraicheur retrouvée, ne remplit pas les attentes ce qui garantirait pourtant par la même occasion une accessibilité accrue du site, donnée qui me semble essentielle pour un service public...

En terme de design, un peu de fraicheur enfin ! Fini le jaune électrique, place à la nouvelle teinte de la flotte de la STIB : le gris, couleur que j’affectionne particulièrement en webdesign. Pour le reste, on ne pourra pas vraiment dire que le site innove ou crée un design particulièrement intéressant, le menu bleu fait même plutôt déjà vu. La bannière supérieure en Flash faisant défiler des photos en diaporama rajoute un petit plus même si à titre personnel je trouve qu’elle aurait demandé un traitement graphique un peu plus original. Le site reste clair et compréhensible, n’est-ce pas là le principal ?

Levons quand même le capot... Les pages ont un doctype XHTML strict, annonçant un niveau assez élevé du respect des standards. Le validateur de page ne fait malheureusement aucun cadeau, pas moins de 137 erreurs ! Parmi celles-ci plusieurs sont affligeantes :

le codage de l’HTML en capital ce qui est bien entendu interdit une fois qu’on passe en XHTML (notons au passage que cela n’est pas systématique, parfois en capital parfois en minuscules sans cohérence particulière).
des balises auto-fermantes... non fermées
des attributs XHTML requis absents
des attributs inventés spécialement pour le site de la Stib ;-) (mal orthographiés ?)

On sent une volonté pourtant d’offrir des pages à la structure sémantique ce qui facilite effectivement l’accessibilité des données aux personnes mal-voyantes. Dommage que l’essai n’ai pas encore été transformé en réussite, j’ai notamment repéré des balises FONT qui feraient avaler de travers n’importe quel défenseur du respect des standards du web. La désactivation de la feuille de style (contenant normalement l’ensemble du graphisme d’un site web) donne quand même à l’affichage une page structurée et lisible (c’est comme ca que lit le site une personne aveugle ou les robots d’un moteur de recherche).

Autres constats : une mauvaise interprétation des caractères spéciaux ("Barrière" deveint "barriÃ¨re") det dans le positif un effet de zoom sur les textes qui fonctionne à merveille pour les contenus (malheureusement pas sur le menu en image)

En bref, je me demande si ce site n’aurait pas dû rester dans les cartons encore quelques jours avant la mise en ligne. J’avais notamment entendu de source officieuse que la longue maturation du nouveau site de la Stib (annoncé depuis plusieurs mois pour rassurer les utilisateurs de l’ancien qui faisaient souvent la grimace) laissait présager une accessibilité accrue de l’information. Au vue du résultat, et malgré un effort certain par rapport à la version précédente tout bonnement catastrophique, je ne peut qu’afficher une certaine déception. A moins que ce ne soit qu’un début et que l’on annonce déjà une version 2.1 ?

http://www.stib.be/

6 juillet 2007 - 4 commentaires - tags : Web accessibilité , Web actualités

Revue des sites de partis (update)

Ceci est une mise à jour d’une analyse faite il y a quelques temps sur ce même blog. J’aurais voulu la publier avant dimanche mais voilà, j’ai été un peu rattrapé par d’autres choses ;-). J’analysais et notais les sites sur les critères suivants : Graphisme et ergonomie, le contenu, l’aspect technique et l’accessibilité. Le site du CDH a l’époque avait obtenu de piètres résultats mais celui-ci ayant été complètement revu, je me devais de mettre à jour mon analyse. C’est parti !

Graphisme - ergonomie

Le look du site du CDH est tout frais tout neuf. J’ai du mal à me prononcer sur cet aspect. Je trouve que la recherche graphique est assez pauvre mais je peux imaginer le débat suivant : un webdesigner compétent qui a été frustré par une chartre graphique hyper stricte dans le choix des couleurs et des possibilités graphiques. Le site est optimisé pour un écran 1024 et la mise en page gère assez bien ce standard plus récent avec des encadrements qui respirent un peu et des polices de caractères plus (trop) grandes.

Je trouve que tant qu’à revoir tout le site, il aurait pu frapper un plus grand coup et s’inscrire dans quelque chose de plus fini et plus actuel. Bref, assez moyen mais c’est sans doute l’aspect le plus subjectif.

contenu, pertinence, cohérence

Parmi le contenu, applaudissons l’arrivée du RSS qui ne laisse désormais plus personne indifférent dans la classe politique francophone belge. Le CDH répond aussi à la webTV de ses concurrents mais reste sans doute la plus sommaire (n’est-ce pas mieux ainsi ? pas besoin de jouer les ambitieux sur un terrain glissant).

Le système de navigation me laisse perplexe. Une icone "menu" qui se déplie en passant la souris dessus. J’ai horreur de ca ! Dans un site informatif il me semble évident qu’il faut pouvoir très vite localiser un menu rapide d’accès et toujours visible.

Les pages de contenus sont assez claires pour le reste. Il y a malheureusement beaucoup de pages vides (travaux des parlementaires, agenda...) qui l’aurait mieux valu cacher en attendant du contenu (ce qui aurait simplifié le site par la même occasion).

On notera enfin l’absence de "mentions légales" pourtant obligatoires selon la loi belge...

Sous le capot

Là malheureusement ca fait mal ! Retour au bac à sable des webdesigners avec un site mis en page au moyen des tableaux HTML (balise TABLE). Aux antipodes donc d’un code de mise en page sémantique qui est pourtant devenu le corps business de la majorité des formations actuelles en la matière.

Le site cette fois est passé en gestion dynamique et utilise le langage openSource PHP mais je n’ai pas réussi à reconnaître un CMS OpenSource malgré tout, ce qui laisse penser à un CMS réalisé sur mesure.

Le DOCTYPE annonce du XHTML de niveau 1.0 transitionnel, le validateur renvoit malheureusement 23 erreurs ce qui est tout de même mieux que ses 3 concurrents.

Accessibilité

Comme ses concurrents, le CDH ne communique pas sur ce thème pourtant citoyen (pour ne pas dire "Humaniste") ce qu’on ne peut évidemment que regretter . Pas de mention à un quelconque label de qualité ou d’accessibilité du web. J’ai testé sur le site un outil de test des contrastes (renseigné par Monique de Webatou) pour personnes ayant des difficultés visuelles et le mode "Echec" apparait sur quasi tous les résultats. Bref, constat peu reluisant pour ne pas dire affligeant quand on sait que le contenu du site est avant tout destiné à TOUS les citoyens.

Pour finir le petit tableau récapitulatif mis à jour