[Webdesign / Vidéo] Testez l’accessibilité d’un site web en 10 secondes

Tags: Ergonomie, Web, Webdesign, Webworker
Posté dans Billets, Webworker par Lionel Roux le 2 mar 2010

Un site web dont l’accessibilité n’est pas pensée peut donner mal à la tête de ses visiteurs.
Parent pauvre du webdesign, l’usabilité (craduction du mot « usability ») ou « utilisabilité » est pourtant primordiale.

C’est pourquoi le test de cette dernière devrait systématiquement faire partie du processus de développement d’un site web, même à l’état d’ébauche.

En plus, cela ne prend que 10 secondes. Comment ? Regardez la vidéo suivante :

Il faut se rendre sur le site à tester et désactiver les feuilles de styles CSS.

Par exemple, dans Firefox, il faut se rendre dans le menu Affichage > Styles de la page > Aucun style ou installer le pack Web Developer et se rendre dans le menu CSS > Disable Styles > Disable All Styles (CTRL + Shift + S).

Dans Internet Explorer 8, c’est la même chose. Allez dans le menu Affichage > Styles de la page > Aucun style.

Pour les autres navigateurs, référez vous à la documentation.

Ces réglages vont désactiver tous les styles (internes, externes, en lignes, …) et donc rendre vos pages de la manière la plus simple possible (tels que vus par les robots par exemple) avec les styles par défaut du navigateur (autant dire pas grand chose).

Il vous suffit alors de vérifier 3 choses :

Les balises sémantiques : le contenu doit rester lisible et avoir du sens. Par exemple les liens de navigations ne doivent pas être ordonnés et utiliser des listes simples.
L’organisation logique : la structure de la page doit être cohérente même sans style. Par exemple les titres doivent utiliser les balises H1, H2, … et les titres H1 doivent apparaitre avant les H2; le contenu doit apparaitre avant le méta-données, moins importantes.
Les images « décoratives » (sans rapport avec le contenu) ne doivent pas apparaitre. Par exemple les petites icônes destinées à renforcer visuellement un lien ne doivent pas être affichées

Si vous remplissez ces critères, votre site est « accessible » et « utilisable ». Bien entendu il ne s’agit pas d’une liste exhaustive ou absolue, mais le respect de ces 3 règles garantie au moins une bonne base.

Crédits : Jason Garrison

Cet article vous a plu ?

Commenter

| Recevez les mises à jour

| Partager :

Répondre Citer #1 par Xavier le 2 mars 2010 - 17:18

Merci pour l’astuce et bonne nouvelle mon blog passe le test avec brio

Répondre Citer #2 par Lionel Roux le 3 mars 2010 - 12:09

héhé tant mieux.
@+

Répondre Citer #3 par Laurie-Anne le 3 mars 2010 - 11:31

Bonjour,

Malheureusement, l’ergonomie d’un site c’est plus compliqué que cela à tester… (d’ailleurs le test de la feuille de style désactivé, c’est pas un problème d’ergonomie, mais plutôt d’accessibilité ou d’intéropérabilité ;p ).

Les 3 points que tu donne à tester sont effectivement très important… pour l’accessibilité, pas pour l’ergonomie ^^;

ps. : je préfère le terme utilisatilité qui est une traduction plus logique à mon avis

Répondre Citer #4 par Lionel Roux le 3 mars 2010 - 12:17

Oui j’ai surement galvaudé le terme ergonomie. Utilisabilité est bien meilleur dans ce cas.
Répondre Citer #5 par Tony le 10 mars 2010 - 00:29

Je suis tout à fait d’accord, j’aillais justement dire de même.
Le seul point de divergence concerne la traduction du mot. Bien que je reconnaisse que le terme « utilisabilité » est plus logique d’un point de vue étymologie, je préfère personnellement utiliser le terme usabilité. Je suis un grand adepte des termes anglophone.

Répondre Citer #6 par isurfmedia le 16 mars 2010 - 14:33

En effet, le terme « utilisabilité » serait plus adéquate.
Pour tester l’ergonomie et l’efficacité d’une page web avant sa mise en ligne, j’utilise des outils comme « fivesecondtest ». Le site permet de faire tester sa mise en page ou son design par des utilisateurs aléatoires (parfois un regard extérieur peut faire gagner pas mal de temps). Le test peut aussi être diffusé sur les principaux réseaux sociaux ou par mail afin d’avoir un feedback rapidement.

Gilles d’isurf’media
Répondre Citer #7 par 2DWeb.be le 16 mars 2010 - 14:57

Désolé de vous le dire messieurs mais on ne parle ni d’ergonomie ni d’utilisabilité ici mais bien d’« accessibilité », :

• http://fr.wikipedia.org/wiki/Accessibilité_du_Web :
accessible et logique par exemple pour le bots des moteurs, les aveugles (lecteurs vocaux etc.)

• http://fr.wikipedia.org/wiki/Utilisabilit%C3%A9_du_Web :
ergonomie, simplicité d’utilisation, le site est-il intuitif ?

Répondre Citer #8 par Lionel Roux le 16 mars 2010 - 22:19

Vivi, visiblement il y a un pb de traduction. Ergonomie est carrément faux, ca on en est sûr
Répondre Citer #9 par isurfmedia le 17 mars 2010 - 09:54

Ok pour « accessibilité » !

Répondre Citer #10 par 2DWeb.be le 17 mars 2010 - 10:27

C’est facile de les mélanger ces deux concepts là

Répondre Citer #11 par Lionel Roux le 17 mars 2010 - 20:20

Bon à la demande générale j’ai changé le terme ergonomie par accessibilité.

@+

Pas encore de trackback.

Websourcing.fr » Actualités, Web, Logiciels et Fun