Bonnes pratiques graphiques

pour l’ergonomie et l’accessibilité web

22 octobre 2012, 18 décembre 2012,
par Romy Têtue

Mots-clefs associés à cet article :

Quels principes adopter en phase de création graphique pour préserver l’ergonomie et l’accessibilité de l’interface web ? Lisibilité typographique, contrastes, couleurs, signalétique des hyperliens, utilisabilité des formulaires, messages d’erreur etc. Quels exemples suivre ?

Présenté en atelier à Paris Web 2012, ce « petit florilège de bonnes pratiques graphiques » pour améliorer l’ergonomie et l’accessibilité, partage des exemples concrets, c’est-à-dire visuels, d’application des critères de référence (Opquast et Accessiweb), afin de fournir des repères et pistes d’exploration aux concepteurs web et directeurs artistiques, en guise de charte graphique, ergonomique et accessible. Comme un B-A-ba du graphisme web.

Voir en ligne : http://www.slideshare.net/tetue/bonnes-pratiqu (...)


Voir aussi ce sondage préalable : Amis créas, à quelles guidelines vous fiez-vous ? et les tweets échangés au cours de l’atelier.

  • crea11y-parisweb2012.pdf (PDF25.3 Mo) – 22/10/12.

    Petit florilège de bonnes pratiques graphiques pour améliorer l’ergonomie et l’accessibilité de vos conceptions web.

Partagez cet article :

Voter pour cet artice sur hellocoton.fr Netvibes Del.ico.us

Vos commentaires

  • Le 4 mars 2013 à 10:36, par Inkkreation Gravatar En réponse à : Bonnes pratiques graphiques

    Document intéressant pour des bases de départ et de réflexion.

    Merci du partage !

  • Le 26 mars 2013 à 11:37, par Jérémy Gravatar En réponse à : Bonnes pratiques graphiques

    Merci pour le partage, je dois avouer que le document m’ a beaucoup apprit, et ouvert les yeux sur pas mal de choses.

    Au plaisir de vous relire.

Un message, un commentaire ?


Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d'abord sur gravatar.com (gratuit et indolore) et n'oubliez pas d'indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici
  • Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Suivre les commentaires : RSS 2.0 | Atom