Nous venons d’achever l’ergonomie et l’intégration d’un projet intranet pour le Centre National de la Fonction Publique Territoriale (CNFPT) reposant sur le principe fonctionnel du service Netvibes.

Netvibes est un portail web français, lancé en 2005 et représentatif de ce que l’on nomme le « Web 2.0″ : il permet de créer sa page d’accueil personnalisée via la gestion de contenus et de services (agrégation de flux RSS). Les utilisateurs de cette application peuvent construire leur page de démarrage selon leurs besoins en ajoutant différents modules, que ce soit les fils d’actualité de leurs sites favoris ou des applications (widgets) spécifiquement développées. La modularité des « espaces » ou « blocs de contenu » ainsi ajoutée permet de les déplacer, de les afficher en mode réduit et d’en déterminer des paramètres spécifiques d’affichage.

C’est cette souplesse de modularité en « blocs de contenu » que nous avons reproduit pour l’interface de l’intranet du CNFPT. Avec un soupçon supplémentaire : l’accessibilité numérique de ces fonctions. Ainsi, la navigation par tabulation permet la même interactivité fonctionnelle que la navigation à la souris.

Focus :

• au passage de la tabulation sur l’intitulé de déplacement, une fenêtre de dialogue propose les liens « déplacer vers le bas, déplacer vers la droite » dont les options de déplacement correspondent à l’emplacement de la boite initiale ;
• les blocs peuvent être réduits ou agrandis individuellement ou globalement ;
• la première tabulation affiche le prélude d’accès aux contenus ou aux outils proposés par l’intranet ;
• l’affichage du pied de page peut être réduit ou complet.

Le résultat est consultable ici :
- interface type de l’intranet du CNFPT
- gestion des formulaires et de la navigation interne du backoffice : page 1 – page 2

Pour la bonne réalisation et la qualité de ce projet interactif nous avons collaboré avec la société Temesis car il est bien évidemment toujours plus convenable de faire valider son travail par des experts externes !

Un merci au CNFPT pour la confiance accordée et pour les échanges constructifs qui ont abouti à ce résultat. Un merci plus personnel à Servan (webdesign), à Nicolas (développement front) et à Aurélien (audit/validation) pour la qualité et la conformité de ce projet !

Intégration xHTML/CSS et conseils en webstandards / accessibilité numérique pour la refonte du portail internet
www.rustica.fr

Le groupe Rustica est l’un des leaders de la presse francophone dans le secteur de l’art de vivre : nature, vie à la campagne, jardin, maison, traditions, bricolage…

Il regroupe les titres :

• Rustica l’Hebdo, hebdomadaire
• Votre Maison Votre Jardin, magazine bimestriel de décoration,
• Système D, magazine  mensuel  de bricolage,
• C’Déco, magazine bimestriel de décoration,
• Pour Nos Jardins, mensuel du Club des Jardiniers de France,
• Tout en Un, trimestriel,
• et enfin Editions Rustica, une collection de livres.

Créé en 1928, le magazine Rustica est l’incontournable hebdomadaire de la presse jardin en France avec une diffusion à plus de 300 000 exemplaires. Il se pose comme référence conseils pour tous les passionnés de jardinage et de nature.

Le site internet www.rustica.fr est un complément interactif avec de nombreux conseils pratiques (météo, lune, newsletter…), des vidéos, des lieux d’échanges et d’information.
Neoma-Interactive a accompagné les équipes sur la refonte de mars 2010 via une mission en 3 axes :

• le montage xHTML/CSS,
• le suivi du respect des standards du web,
• le conseil pour la mise en conformité de l’accessibilité numérique.

La direction artistique de cette refonte a été assurée par Romain Nélis.
Développement et CMS : Anuman.

Animation interactive et intégration
www.externis.fr

Externis est une société éditrice de solutions e-business pour les forces de ventes. Elle propose une offre en mode locatif SaaS (Software as a service) nommée eCOS^®, plate-forme technologique dédiée aux grands comptes, pour l’externalisation complète ou partielle de processus de commandes en ligne (produits ou services). Ses applications sont multiples, de la boutique e-Commerce au portail unique pour les forces de vente de grands comptes.

Neoma-Interactive a accompagné les sociétés Rouge-Futur et Lédeusa dans la conception du site internet d’Externis en réalisant les animations interactives et l’intégration XHTML/CSS des gabarits. Le développement et l’hébergement ont été pris en charge par la société.

Bonjour à tous,
j’émets cet article pour vous présenter le blog de l’agence O’communication accessible à cette adresse www.o-communication.com.

La conception, la création, la réalisation et le référencement naturel du blog ont été confiés à NEOMA-Interactive.

Allez vite découvrir leurs actualités et leurs travaux à travers de magnifiques designs aléatoires. ^_^

Le navigateur web Firefox 3 est sorti comme prévu hier. Pour préparer cet événement, Tristan Nitot, le fondateur et le président de l’association Mozilla Europe, a eu l’excellente idée de lancer auparavant un concours de participation au plus grand nombre de téléchargements en une journée, le « DownloadDay » ! Histoire d’inciter les internautes à une grande première couplée à un record du monde à battre : malin

Autre événement, moins grand public finalement mais tout aussi important pour la communauté des concepteurs web, la sortie semaine dernière de la version 9.5 d’Opéra.

Télécharger Firefox 3
+ découvrir les fonctionnalités et les avancées en matières de gestion CSS de Firefox 3

Télécharger Opéra 9.5
+ découvrir les fonctionnalités et les avancées en matières de gestion CSS de Opéra 9.5

www.ameline-communication.com
Ameline Communication est une agence spécialisée en relations presse, en relations publiques et en évènementiel.

La conception, la création, la réalisation et le référencement naturel du site internet ont été confiés à NEOMA-Interactive. Logique ! puisque la société Ameline rejoint notre groupe de communication AGI, profitant également de O’-Communication pour la création de son logo et de son identité.

… entendez-bien que cela ne provient pas du choix de l’utilisateur mal-voyant, mais bel et bien de notre projet web soumis au test ! Nous nous attendions de toute façon à une petite claque, mais pas à ce point Explication.

Le profil d’Olivier
Ancien de la pub, gérant actuel d’une société de conseil, il a perdu son acuité visuelle depuis 18 ans. La perception centrale est nulle. Olivier se repère donc très bien dans l’espace grâce à la périphérie visuelle subsistante : il gère sa société, participe à des marathons, fait de la voile. Une canne est tout simplement inutile !

Face à son problème visuel, l’ensemble du corps médical lui a conseillé d’exploiter au mieux ce qui lui reste de possibilités plutôt que de le considérer comme nun on-voyant et de l’orienter vers l’apprentissage du braille.

Olivier s’est alors adapté peu à peu à son environnement, grâce à des formations et à de la volonté. Il s’est équipé informatiquement pour son activité : un PC classique, un clavier ergonomique, un écran 20″, une tablette/vidéo-loupe grossisant x50, une pédale de switch entre logiciels ouverts, l’outil ZoomText pour cette fois zoomer l’interface de son écran, le logiciel Jaws pour la navigation vocale, un téléphone à touches grossies. Un équipement indispensable acquis en 2004 pour l’équivalent de 9.000 euros… Merci aux fonds de l’AGEFIPH !

Aujourd’hui Olivier n’utilise pas Jaws.

J’ai énormément de mal à m’en servir ou à le configurer. La voix est horrible. Les informations remontées sont abrutissantes d’exhaustivités. Cela perturbe mes collègues de travail avoisinant à moins que je ne me rende sourd avec un casque.

Bref. Il préfère de loin utiliser ZoomText qui correspond mieux à ses facultés.

Le test utilisateur : un véritable drame sur le plan de l’accessibilité
Nous concevons, intégrons et développons nos projets interactifs, autant que faire se peut, en gardant constamment en tête les recommandations d’accessibilité WCAG. Nous effectuons des tests ‘in live’ car après tout rien de vaut ces tests utilisateurs. Et l’objet du test réalisé cette semaine, un site internet, a été un véritable défi, une séance de « torture », pour Olivier.

Voici en très résumé ce qu’il en ressort :

• La possibilité de zoom (imaginez jusqu’à 4 ou 5 lettres sur l’écran, ou alors la flèche du curseur sur toute la hauteur de l’écran) est le principal point faible, le fond du problème d’accessibilité. Catapulté en plein milieu du gabarit du site, Olivier ne peut se repérer : quels sont ces trucs (sous menu) qui apparaissent ? où est la navigation ? comment revient-on à l’accueil ? etc.
• Le choix de certains textes en blanc sur fond bleu est mauvais (comme par hasard, c’est la navigation) : il ne perçoit pas le contraste. Il faudrait du texte blanc sur fond bleu foncé presque bleu-nuit. Que dire de nos textes en gris foncé sur fond gris clair… ?
• La version ancienne du player flash cumulée à IE 6.0 ont eu raison de nos vidéos. Bug technique que nous aurions pu éviter. Le lien de retranscription, pourtant une idée alternative qu’il a appréciée, n’est pas perçu avant qu’on le désigne.Le lien texte « accessibilité » pourtant placé dès le haut du site n’est jamais perçu car trop situé à l’écart du gabarit de page. Olivier nous a suggéré de placer en plus un repère visuel, sorte de « gros picto » pour l’aider. Mais alors quel logo mettre pour ne pas heurter la sensibilité des différents déficients ? Une personne avec une canne blanche, un fauteuil roulant, un oeil, une main, provoquent respectivement une réaction personnelle touchant l’orgueil même de l’handicap. « Je ne suis pas en fauteuil moi ! je ne distingue juste pas le centre de ma vision ! », par exemple.
• Enfin, au bout de trois quarts d’heure, sur la page d’aide à l’accessibilité définissant les principes de raccourcis-clavier prévus par le site, Olivier s’est arrété à la lecture de la liste des raccourcis sans en lire le mode d’emploi pour son navigateur présenté juste dessous. Il a donc cru que cela ne marchait pas…

Ce qu’il en resort
Un mal-voyant utilisant ZoomText zoome d’abord sur le site avant de chercher un lien « accessibilité ». Même si ce lien est placé en tête, le fait de zoomer va lui agrandir une zone différente à 95% de (mal)chance.

Détail : sur la page d’aide à l’accessibilité, il est préférable d’expliquer le mode d’emploi selon les navigateurs en premier lieu, puis de donner les raccourcis ! Sinon, le déficient, désirant constamment gagner du temps pour compenser son handicap, s’arrête aux raccourcis et pense que cela ne marche pas en appuyant sur le pavé numérique…

Et d’une manière générale, il est plus aisé de prévoir l’accessibilité pour des non-voyants que pour des mal-voyants dont les déficiences sont variées.

Extension du domaine de la lutte
Ce qui m’amène à imaginer des réponses globales, autre que l’actuel moyen requis pas les webconcepteurs qu’est la mise en place de CSS multiples pour le maximum des utilisateurs.
Je pense que la solution est du côté des navigateurs web et du W3C avec l’arrivée attendue de l’HTML5. L’idée d’avoir une touche standard (le « tab » ?) sur tous les sites proposant un choix de lecture, une autre touche pour le plan du site, etc. Ou encore la présence d’un logo d’accessibilité (le fauteuil ?), à gauche des boutons flèche précédent/suivant. Bref tout le débat qui s’anime sur la mailing-list Accesstech de Netaccessible. Tristan Nitot, si tu me lis, je te remercie

www.jardindesdames.com
Conception, intégration et développement de la plateforme blog et e-commerce.

Lancé en 2006, le site jardindesdames.com avait pour coeur de cible les femmes et leur plaisir. Objets massants ou vibrants, art de l’effeuillage, leçon de strip-tease, lectures coquines et autres suggestions de séduction se cotoyaient pour l’éden de ces dames… Il s’adressait à elles, proposait conseils ou sextoys pour elles et organisait même des soirées entre filles.

La refonte du site internet accompagne le virage stratégique pour se distinguer d’un marché du sextoys de plus en plus concurrentiel. Désormais l’homme est le bienvenu, par le biais de diverses ventes érotiques et de publications rédactionnelles autour du plaisir sexuel en couple ! Une évolution importante traitée par l’équipe de Spoko, en charge de la direction artistique, que nous avons accompagnée sur nos métiers web pour développer le site aux fonctions blog + e-commerce.

Bravo à Timothée Barray et à Benoit Sanier, grands vainqueurs du concours CSS Refresh 2007 organisé cet été par Alsacreations.

Leur site Goto CSS3 était incontestablement parmi nos coups de coeur, pour plusieurs raisons :

• webdesign soigné et détaillé (rappelant légèrement celui du MMORPG Dofus)
• ergonomie simple et efficace
• intégration XHTML Strict propre
• respect des principes d’accessibilité numérique et des règles de bons usages
• intérêt subjectif des sujets publiés sur le CSS version 3

Voir tous les résultats >

Neoma-Interactive ne figure hélas pas sur cette liste. Il était prévu de profiter de la refonte de notre site pour participer au concours. Hélas un imprévu de dernière minute (un virus pour être humain dans la « vraie-vie ») nous a empéché de finaliser notre intégration et d’optimiser sémantiquement et accessibilitairement nos interfaces… A voir parfois le code de certains site soumis à Alsacréations nous pensons que nous aurions dû tout de même soumettre celui de Neoma avec ses imperfections. Pas grave, notre participation sera pour une édition hivernale du concours ou pour celle de 2008 !

www.les-coquillages.com
Site internet Les-Coquillages.com, chambres d’hôtes et location d’appartements pour des vacances en Guadeloupe. Quoi de plus logique que le lancement durant le mois d’août d’un site évoquant fortement les vacances, le calme, la détente farniente au bord de la mer turquoise et les escapades touristisques en montagne à la découverte des coutûmes locales ou des verts paysages…