Des interfaces riches accessibles au W3C

Le W3C vient d’initier une démarche de normalisation pour l’accessibilité des interfaces riches : Roadmap for Accessible Rich Internet Applications, et c’est un très bonne nouvelle.

Le W3C avait déjà initié différents chantiers autour d’AJAX et des interfaces riches (voir à ce sujet mes précédents billets : AJAX en voie d’être légitimé par le W3C ? et Le W3C et les interfaces riches) sans toutefois intégrer de contraintes relatives à l’accessibilité.

Le document est assez long et indigeste à lire, mais il est question des XForms et de XHTML 2.

Et si vous souhaitez approfondir le sujet, je vous recommande également cet article sur la rédaction d’une charte ergonomique pour les applications en ligne : A Framework for Web Application User Interface Design Guidelines.

Pleins de menus chez Yahoo!

J’ai déjà eu l’occasion de louer les mérites de Yahoo! et surtout de son équipe de concepteurs qui non seulement fait du très bon travail mais en plus partage le tout avec la communauté des développeurs.

Leur dernière publication en date concerne un ensemble de menus de navigation : Yahoo! UI Library: Menu.

Les menus de Yahoo! en action

Ces menus sont à priori accessibles (respect des critères d’accessibilité et des normes W3C, navigation au clavier, conformité au DOM…) mais cela mériterait un peu avis d’expert (Aurélien ? Matthieu ?).

Tous à poil pour les standards web

Demain est un grand jour, c’est la première journée annuelle des naturistes du web : First Annual Naked Day.

Rassurez-vous, il est bien ici question de standards web et de qualité du code. Le principe est le suivant : demain (5 avril), les webmasteurs de la planète sont invités à désactiver leurs feuilles de styles CSS pour afficher une version brute de leur site (uniquement le HTML). L’objectif est de faire prendre conscience aux internautes de l’importance de la sémantique du balisage.

En gros, si vous utilisez une sémantique propre qui respecte les normes du W3C, alors votre site restera parfaitement consultable même sans feuille de styles. Par contre, si vous utilisez une sémantique exotique avec des balises détournées de leur fonction première et tout un tas d’astuces CSS alors vote site sera fortement pénalisé (la grosse honte !).

C’est en quelque sorte une journée porte ouverte où les visiteurs pourront juger de la qualité du code.

Bon, vous voilà prévenu : demain je désactive ma feuille de style. (via Gou Blog)

IE 7 / Opera 9 : le choc des beta 2

Ca y est, la course est lancée entre les previews et autres beta pour savoir qui de IE 7 ou Opera 9 sortira le premier. Je vous propose un petit comparatif pour savoir ce que ces deux previews ont dans le ventre.

Je précise que je ne me risquerais pas à évaluer la performance des moteurs de rendu CSS de ces deux navigateurs. Premièrement parce que ce sont des previews et deuxièmement parce que d’autres sont bien mieux placés que moi pour le faire. Intéressons-nous donc plutôt aux différentes améliorations du côté de l’interface.

Une interface novatrice pour IE 7

Le développement d’IE 7 est toujours en cours mais l’équipe de développement nous gratifie régulièrement de preview de la future version du navigateur de Microsoft. Dernière en date la Beta 2 Preview. Pour cette nouvelle preview, IE 7 nous propose un système d’onglets très convainquant.

IE7-1

 

Nous sommes ici dans un mode de fonctionnement très proche de ce que peut proposer Firefox. Une chose amusante : IE 7 reprend à l’identique l’ensemble des raccourcis clavier de Firefox (Ctrl+T pour un nouvel onglet, Ctrl+W pour le supprimer, Ctrl+clic pour ouvrir un lien dans un onglet, Ctrl+Tab pour basculer à un autre onglet…).

Il existe également une fonction permettant d’afficher toutes les pages web sous forme de mosaïque (un peu à l’image d’Exposé de Mac OS) :

IE7-2

 

La prise en charge des flux RSS est également simplifié avec un petit son qui est joué lors de la détection d’un flux ainsi que l’affichage simultanée d’une cartouche d’explications sur ce que sont les flux RSS et comment s’inscrire de même qu’un menu de navigation et de tri dans les catégories identifiées sur le flux :

IE7-3

 

On notera ensuite la disparition du menu traditionnel au profit de boutons qui déroulent un certain nombre d’options. L’utilisateur peut s’il le souhaite afficher de nouveau le menu mais c’est quand même agréable de n’occuper que 2 lignes.

Enfin, cette preview apporte un certain nombre d’autres nouveautés :

  • un système de filtre anti-phishing ;
  • un moteur de recherche intégré ;
  • une fonction de zoom de page…

Du BitTorrent dans Opera 9

C’est hier qu’est sorti la technology preview 2 d’Opera 9. Toujours du très bon pour cette neuvième version :

  • un système d’onglets également très au point ;
  • toujours pas de publicité ;
  • une interface très claire…

 

Opera9-1

Au niveau des nouveautés nous allons trouver l’affichage de miniatures au survol de la souris sur les onglets :

Opera9-2

 

Encore plus intéressant, la possibilité d’ajouter des widgets (à l’image de Konfabulator ou des Microsoft Gadgets) qui viennent s’afficher en surimpression de la fenêtre :

Opera9-4

 

Mais la plus grosse nouveauté d’Opera 9 est sans conteste la prise en charge des fichiers BitTorrent :

Opera9-3

 

Il y a fort à parier que cette fonctionnalité va beaucoup faire parler d’elle (à moins que l’extension AllPeers pour Firefox vienne également jouer les trouble-fête).

Conclusion

Nous sommes ici face à deux approches complètement différentes :

  • d’un côté IE 7 qui n’hésite pas à puiser le meilleur des autres navigateurs en calquant par dessus une interface simplifiée et qui ose l’innovation (saluons-le) ;
  • d’un autre côté Opera 9 qui enrichi son navigateur et le dote de fonctionnalités très alléchantes pour les utilisateur avancés.

Je me garderais bien de vous conseiller l’un ou l’autre, surtout dans la mesure où il existe d’autres navigateurs qui ont fait leurs preuves et qui bénéficient du soutien des utilisateurs (Firefox pour les utilisateurs de Windows et Safari pour les utilisateurs d’Apple). Et vous, c’est quoi vote retour d’expérience ?

Un guide de conception de sites web

Oui je sais, ça peut sembler un peu bateau, il n’empèche que Ben Hunt vient de publier une nouvelle version de son site Web Design from Scratch.

Logo du site Web Design from Scratch

Ce guide est en fait un condensé de bonnes paroles autour des différents thèmes de la conception d’un site web : graphisme, architecture, accessibilité, utilisabilité, code HTML… Non seulement les conseils prodigués sont de très bonnes factures mais en plus c’est très bien rédigé et la mise en page est parfaite.

A mettre d’urgence dans vos favoris.