Portfolio : Dixel

Dixel
accessibility, xhtml-css-js development, portfolio
2009-05
Intégration de gabarits statiques xHTML/CSS/JS pour le site de démonstration du Dixel, le nouveau dictionnaire des familles par Le Robert. Travail réalisé pour le compte de l’Atelier ADN Design.
[Note : il y a une erreur sous FF3, tout le JS est cassé, j’ai livré un correctif mais il n’a pas été mis en place…]
Detail of the provision
Bonjour !
C’est un projet que j’ai trouvé très intéressant que je vous présente aujourd’hui : l’intégration du site de démonstration du Dixel, le nouveau dictionnaire des familles par Le Robert, pour le compte de l’Atelier ADN Design avec qui ça a été un immense plaisir de travailler à nouveau (malgré les délais).
A l’origine plutôt prévu pour du flash dans ses animations, transitions, j’ai bien entendu tenu à ce qu’il soit plutôt monté en xHTML/CSS/JS afin d’assurer une plus grande souplesse et pérennité au contenu, et surtout de conserver au maximum l’accessibilité.
J’ai donc tâché de transposer tous ces effets “flash” en JS (transition de la home, découverte du dico et du site), tout en conservant un version “statique” tout à fait fonctionnelle et accessible. Ceci à l’exception d’une page, “Ils ont aimé : Les lecteurs”, qu’il m’a semblé plus simple/légère/stable de faire en flash, mais toujours en proposant une alternative fixe très proche et accessible. “Évidemment”, je ne prends pas en compte les pages de vidéos, où malheureusement pour l’instant, en attendant notamment les révolutions d’HTML5 et du tag <video>, nous avons là aussi dû utiliser du flash. J’aurai aimé pouvoir proposer un sous-titrage et une transcription textuelle des interviews mais cela n’avait pas été prévu. J’espère cependant arriver à les convaincre de mettre en place au moins la transcription, quitte à le faire moi-même (une dd/dt/dd non ?)… :)
Dernière info : le site a été testé sur : IE6+, FF3, Safari3+, Opera9, avec et sans JS, avec et sans images.
Voilà, j’attends évidemment avec impatience vos commentaires, critiques, retours en tout genre… !





Comments (RSS)