Vous êtes ici : Accueil »

Accessibilité : les articles

10 raisons de porter votre site sur mobile

mobileLe Web mobile est un espace fascinant qui en est encore à ses balbutiements. Regardez les capacités de terminaux mobiles aujourd’hui : fermez les yeux et imaginez ce qui sera possible dans cinq ans…

Equipements, usages, données chiffrées : ce billet vous présente une revue rapide des 10 raisons pour lesquelles vous devez prolonger - de manière urgente - votre présence en ligne par un site mobile.

, , , , , , , ,

6 fausses bonnes raisons de négliger l’accessibilité

accessibiliteUn site Web accessible permet à n’importe quelle personne d’y accéder de façon équivalente, quels que soient :

  • le navigateur (explorer, firefox, safari…)
  • l’interface (clavier, souris…)
  • la plate-forme (Windows, Mac OS, Linux…)
  • Le périphérique d’affichage (écran 17 pouces, portable, cellulaire…)
  • L’aide technique (loupe d’écran, plage braille, synthèse vocale…)

Peu connue du grand public, l’accessibilité est souvent mal comprise. Démystifions les mythes :

,

Les pages “carrefour”

Il existe un certain nombre de contenus indispensables sur votre site. En voici une revue de détail qui en est à ses touts débuts.

La FAQ

Bien rédiger sa FAQ réduit la charge de votre centre d’appel. Mais plus encore, c’est un véritable atout pour votre e-visibilité.

L’espace presse

Voici un atout important de votre site, qui s’adresse à une population exigeante, les journalistes. Voici donc 5 règles pour vos e-communiqués de presse.

Newsletter

La newsletter a subi de plein fouet l’arrivée des flux RSS.

Attention, c’est un mode de communication stratégique : sachez que le mieux est souvent l’ennemi du bien : voici 4 axes pour la simplifier au maximum..

Sur le plan technique, sachez en maîtriser le codage, afin qu’elle s’affiche correctement sur tous les lecteurs de mails. Pas de CSS !

Mentions légales

Voici un exemple de page consacrée à l’accessibilité

Landing page

Qu’est-ce qu’une landing page ? C’est une page d’atterrissage lors de vos campagnes publicitaires. Voici une liste de bonnes pratiques et surtout d’erreurs à éviter.

, ,

Mentions légales : Votre page “accessibilité”

accessibiliteVoici un exemple de page qui explique la mise en oeuvre d’une politique d’accessibilité en ligne et les moyens à disposition pour parcourir les contenus à l’aide des outils disponibles.

,

L’accessibilité

Actualités

11/12/08 : Les nouvelles normes WCAG 2.0
Le W3C a publié son nouveau standard pour la création de site web en y incluant les nouvelles applications Web réalisées sous Flash.



  Mes tags sur l’accessibilité

L’accessibilité du Web est définie par des normes techniques établies par la Web Accessibility Initiative (WAI) du World Wide Web Consortium (W3C).
Face aux difficultés de navigation rencontrées par les personnes handicapées sur Internet, différents États ont adopté des politiques en faveur de l’accessibilité des contenus et services Web.

La WAI a produit à cet effet un référentiel International sur l’accessibilité “WCAG”. Ce document regroupe un ensemble de recommandations et de conseils spécifiques afin de rendre un site web accessible. Les critères sont répartis selon trois niveaux de priorité (de Simple-A, les points les plus importants à vérifier, à Triple-A, les points les plus accessoires).

Dans certains pays, des organismes de labellisation ont adapté les recommandations internationales pour établir leur propre critère de sélection. “Anysurfer en Belgique, Technosite en Espagne ou BrailleNet en France” décernent leur propre label d’accessibilité de façon payante.

Définition

“Mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales.”

Tim Berners-Lee, directeur du W3C

Quelques chiffres

  • Les personnes souffrant de fatigue visuelle
  • Selon des chiffres publiés par l’ASNAV (Association Nationale pour l’Amélioration de la Vue), 6 personnes sur 10 travaillant sur écran ressentent de la fatigue visuelle.

  • Les troubles visuels liés à l’âge
  • Toujours selon des chiffres publiés par l’ASNAV, 85% des plus de 50 ans ont des problèmes de vue, notamment pour voir de près. Si, comme le signalent les chiffres du recensement national de 1999, un Français sur 3 est un senior, 19 millions de personnes souffrent de troubles visuels.

  • Les déficients visuels
  • Il est difficile d’évaluer précisément le nombre de personnes atteintes de déficience visuelle en France. Ceci est dû à l’hétérogénéité des déficiences et à la diversité de leur niveau de gravité.

    Néanmoins des études nous révèlent que 8% des hommes sont daltoniens ou dichromates, ce qui représente 2,3 millions de Français. Par ailleurs 3,1 millions de Français déclarent avoir une déficience visuelle (INSEE Première n°742 - octobre 2000). Enfin, il y a 1,1 millions de malvoyants (basse vision) et 100.000 non voyants (cécité) en France.

    Bénéficiant de subventions, les handicapés visuels sont deux fois plus équipés en informatique que la moyenne française. Ils sont adeptes des services en ligne (vente à distance…) et sont globalement très fidèles aux marques en raison de leur difficulté à avoir accès à l’ensemble de l’information sur les produits et services et pouvoir ainsi les comparer visuellement (aspect de l’emballage, informations affichées sur les étiquettes).

Les handicaps

Visuel

 

Images non assorties d’un texte optionnel
Liens identiques sur une même page
Absence d’alternatives aux cadres ou aux scripts
Contraste de couleurs peu élevé
Auditif Aménagement de signaux sonores sans légende
Clips vidéos non assortis d’un sous-titrage texte
Moteur Manque d’adaptation au niveau du clavier
Manipulation simultanée du clavier et de la souris
Cognitif Mauvaise utilisation des éléments structuraux d’une page
Manque de structure consistante pour la navigation

Ressources en accessibilité

, ,

Droit : quelles obligations en matière d’accessibilité ?

La Loi du 11 février 2005 a pour objectif de rendre les sites internet accessibles à toutes les populations, y compris celles souffrant de déficiences. Cependant, les implications ne sont pas les mêmes selon que vous êtes une entreprise publique ou privée.

,

A propos de l’auteur

photo-wp

Bienvenue sur le blog du marketing interactif. Ce blog est conçu comme une boîte à outils et présente les meilleurs pratiques en termes de communication web pour conquérir et fidéliser vos clients et mieux tirer parti des outils interactifs. Il n’y est - et n’y sera jamais - question de mon employeur : j’y consacre mon temps libre … librement !

Les articles sont classés par catégorie (rien de bien exceptionnel) et repris dans des pages plus “statiques”, accessibles par onglets, à l’image d’un site. C’est d’ailleurs le cas pour la page que vous lisez en ce moment :)

Qu’y lirez-vous ?

Les articles traitent de tous les aspects du web, de la conception jusqu’à la production, du buzz aux plates-formes de e commerce. Les articles sont courts et visent à vous apporter une vision concise d’une problématique, puis à la mettre en perspective.

Bonne lecture !

Qui suis-je ?

Je suis diplômé de L’institut Supérieur de Gestion et de l’University of San Francisco (MBA in International Business).

Ancien journaliste à Stratégies, je pratique le marketing depuis plus de 10 ans : dans le monde de l’assistance tout d’abord, puis en agence web en 2000. En 2003, j’ai co-fondé Céfaline, agence-conseil en communication interactive.

J’ai longtemps œuvré pour les marques du luxe (Cartier, Lancel, Givenchy), de l’industrie (Lafarge, Vinci) ou du secteur des services (NEXX Assurances, Complétude). Plus récemment, j’ai accompagné Groupama sur plusieurs missions, en tant que Maître d’Ouvrage.

Voici un extrait en video de mon quotidien qui résume l’une de mes dernières missions : le programme international.

Plus récemment, j’ai assisté l’INRS dans la mise en ligne de son nouveau site.

Pour télécharger mon CV complet en version .doc, c’est par ici.

Mes domaines d’expertise

La stratégie amont
Etude de cadrage, assistance à la rédaction de cahier des charges

La stratégie éditoriale
Analyse concurrentielle, positionnement éditorial, conception de charte éditoriale, storyboarding, cinématique, rédaction de contenus institutionnels, partenariats on line

La gestion de projet - AMOA
Etude d’opportunité, rédaction de cahier des charges, analyse de recommandations d’agences, pilotage de projets (AMOA), analyse des livrables, tests et recettes, formation et déploiement

Les aspects techniques
Conseil en choix de plate-forme, analyse fonctionnelle des outils, spécifications fonctionnelles, mise en place de prototype, étude de l’ergonomie générale, accessibilité WCAG

Accompagnement à la conduite de changement
Guides, programmes de formation, dans le cadre de refontes d’outils ou de mise en place de cycles de production internes et externes.

La veille
Analyse et pratique des principaux CMS, y/c en open source - p ex. Joomla, wordpress ou Drupal -, suivi des principales évolutions technologiques - p ex. la portabilité -. Je suis avec attention les productions de mes partenaires, en particulier SQLI Agency.

Ma vision de l’internet

A son origine, le principal argument d’Internet était la disponibilité : 24 heures sur 24 pour commander et 48 heures pour être livrés : le concept était né !

Depuis, les boutiques en ligne se sont développées et ont capté des internautes acheteurs de plus en plus nombreux… et exigeants ! Guidance liste 11 requêtes exprimées par les internautes lorsqu’ils effectuent leurs achats. La tendance qui se dégage de cette étude est riche de sens : Près de 2 internautes sur 3 recherchent … les avis de leurs pairs !

Nous voici donc dans l’ère du partage d’informations et de la communication instantanés du type e mail, messagerie instantanée, chat en live, blogs, réseaux sociaux, ou avis produits d’internautes (USG).

Que nous le voulions ou non, l’avenir de l’internet passe par les internautes. C’est le défi de notre travail pour les années les années à venir !

Quelques articles pour mieux appréhender mon - mes - métier(s)

Le chef de projet est avant tout un bon “marketer” de réseau et adopte 10 comportements gagnants pour cette année : Voici votre To-Do list pour 2010.

Pour ma part, j’utilise massivement les services en ligne : voici par exemple mes bookmarks sur Del.ici.ous, je twitte parfois : voici une liste de 20 blogueurs que je vous conseille de suivre sur twitter.

Je prends connaissance d’ouvrages sur son métier, comme par exemple Le Guide du Webmanagement, ou les 13 piliers du web-marketing. J’adore les interventions d’experts quand il ont une vraie vision d’Internet.

Je suis à l’affût d’expériences - des vraies, pas des histoires - sur des cas client précis.

Bien entendu, je sui fan des outils qui facilitent mon travail : en voici une première liste pour les geeks

Et pour finir, je vous recommande fortement d’utiliser wordpress si vous tenez un blog : voici mes bonne pratiques, 5 plugins pour marketer votre blog, 100 thèmes gratuits et 15 plugins essentiels à mettre en place dès l’ouverture.

, , , , , , , , , , , , , , , ,

Ergonomie

ergonomieL’ergonomie - ou utilisabilité - se définit comme la relation d’un individu à un outil de travail. Dans le web, on parle de relation à l’interface.

Aujourd’hui, l’ergonomie est traitée dans les feuilles de style CSS, qui organisent les contenus selon trois variables : le layout (placement des blocs), le background (styles graphiques appliqués aux éléments de la page) et les textes (taille, formats, graisses appliqués aux textes).

Mais au-delà de cet aspect purement graphique, l’ergonomie regroupe toutes les techniques qui visent à faciliter la consultation d’un site : pages de contenus, mais surtout pages de “fonctionnalités”, formulaires et autres éléments complexes, où l’enjeu est clair : minimiser les redondance et autres erreurs cognitives qui énervent l’internaute :)

Définition

L’ergonomie est une notion centrale dans la conception des interfaces web, qui peut se résumer ainsi - pour Internet - : La capacité d’un site - d’une application - à répondre aux attentes des utilisateurs, en leur offrant le meilleur confort d’utilisation possible, quelque soit son niveau de connaissance, son équipement informatique et ses capacités physiques.

S’agissant de comprendre les utilisateurs pour mieux appréhender leurs besoins, voici un article qui remet en cause certaines idées reçues et vous présente 10 comportements d’internautes imprévisibles … mais bien réels !

Evaluation

L’évaluation de l’ergonomie d’un site est complexe, car elle fait appel à de critères multiples : architecture éditoriale, développement, fonctionnalités. Par ailleurs, elle s’appuie sur des sciences parfois complexes : l’oculométrie en est une, largement utilisée par les ergonomes pour tracer le parcours de l’œil sur une interface web.

Voici une méthode pour comprendre les tests ergonomiques, avant de les appliquer grâce à une méthode en 10 points, qui s’appliquera notamment pour votre e-boutique.

Si vous manquez de temps et de moyens, voici 2 outils de tests utilisateurs gratuits.

Les outils

La conception des interfaces passe toujours par une première phase ergonomique, réalisée à partir d’outils spécialisés : Je vous en présente 8.

Les articles taggés “Ergonomie”

  • Story-boarding : 8 outils pour vos prototypes
  • 10 comportements d’internautes imprévisibles - mais bien réels !
  • Que signifient les couleurs ?
  • L’oculométrie, une mine pour les ergonomes
  • 2 outils de tests utilisateurs gratuits
  • Protégé : Référentiel
  • Nouveau et innovant : le site de l’agence Heaven
  • Les tests ergonomiques expliqués simplement
  • L’accessibilité
  • 5 règles pour un titre web efficace
  • A venir

    • L’utilisabilité, notion-clé de l’ergonomie
    • Comprendre les utilisateurs : les bases
    • La théorie de l’action selon Norman : 7 étapes pour comprendre les mécanismes d’action
    • L’accessibilité expliquée simplement
    • Une check-list par Leavitt et Schneidermann
    • Les constructeurs informatiques et l’ergonomie

    , ,

    Accessibilité Web : le retour gagnant

    retour-gagnantSi vous hésitez encore à adopter une démarche accessible pour votre nouveau site web, voici 5 points à considérer. Vous y découvrirez des bénéfices en termes d’images, mais surtout en termes de performance économique.

    , ,

    Accessibilité : les erreurs à éviter à tout prix

    accessibiliteCette liste de cinq principaux problèmes rencontrés sur le web - est hélas encore souvent avérée sur certains sites ou blogs.

    Si vous débutez en accessibilité, voici une check-list essentielle des mesures à prendre de toute urgence !

    Trop d’étapes

    Les internautes veulent arriver le plus vite possible au résultat, le nombre d’actions qu’ils doivent effectuer pour obtenir les informations qu’ils désirent doit être minimal.

    Pas assez de guidage

    Les internautes ne veulent pas avoir à faire des efforts supplémentaires pour comprendre ce qu’est le site, à quoi il sert, comment il fonctionne, et comment accèder au contenu, il faut que tout cela soit le plus intuitif possible.

    Liens erronés

    Eviter à tout prix de présenter des liens qui ne mènent à rien ou à une page différente de celle ” attendue ” par l’utilisateur !

    Pages en construction

    Si une page n’est pas encore accessible, éviter de donner la possibilité aux utilisateurs de cliquer sur le liens qui pointe sur elle, c’est une perte de temps et c’est frustrant de voir apparaître ” en construction “.

    Problèmes de compatibilité avec le matériel des utilisateurs

    Toujours s’assurer que le site est bien visible sur différentes plateformes avec différents navigateurs.

    , ,