Notice d'accessibilité pour la conception graphique

Contexte et objectifs▲

Cette notice regroupe l'ensemble des spécifications à prendre en compte lors des étapes de conception graphique et ergonomique d'un site ou d'une application Web (wireframes, prototypes, maquettes graphiques, etc.).

La prise en compte de ces recommandations permet d'anticiper le respect d'un maximum de critères d'accessibilité avant les phases techniques d'intégration et de développement.

Plusieurs recommandations présentes dans cette notice peuvent également appuyer la conception fonctionnelle d'un site ou d'une application Web (présence d'un moteur de recherche, fonctionnalités d'un lecteur vidéo, etc.).

Cette notice s'inscrit dans un lot de quatre notices téléchargeables sur le site www.accede-web.com :

Notice d'accessibilité pour la conception graphique.
Notice d'accessibilité HTML et CSS.
Notice d'accessibilité interfaces riches et JavaScript.
Notice d'accessibilité éditoriale (modèle).

À qui s'adresse cette notice, comment l'utiliser ?▲

Ce document doit être transmis aux intervenants et/ou prestataires réalisant les spécifications fonctionnelles et les maquettes graphiques. Il vient en complément aux cahiers des charges, chartes graphiques Groupe et briefs créa. Les recommandations peuvent être complétées ou retirées selon les contextes d'utilisation, ce travail peut être notamment réalisé par la maîtrise d'ouvrage.

Les recommandations doivent être prises en compte en phase de conception graphique et, pour certaines d'entre elles, lors de la conception des storyboards et des spécifications fonctionnelles.

Ce document peut également servir de support à la maîtrise d'ouvrage pour vérifier la prise en compte de l'accessibilité dès la visualisation de wireframes, de prototypes, ou de maquettes graphiques fournies par la maîtrise d'œuvre.

Certaines annotations viennent compléter le document, celles-ci sont nécessaires pour la compréhension de chaque recommandation :

Remarque : les remarques permettent de compléter les recommandations en apportant des précisions applicables à des situations fonctionnelles ou graphiques précises et ponctuelles.

Attention : les avertissements mettent en avant des points de vigilance particuliers qu'il est important de respecter ou des pièges à éviter pour garantir une bonne accessibilité.

Astuce : les astuces ne sont pas directement liées à l'accessibilité, mais leur prise en compte permet généralement d'améliorer la qualité générale des interfaces ou de faciliter la prise en compte de l'accessibilité sur les étapes suivantes du projet. À l'inverse, notez que les recommandations de ce document, bien que dédiées à l'accessibilité, rejoignent souvent des bonnes pratiques en matière d'ergonomie, d'expérience utilisateur, de performance ou de référencement.

Remerciements▲

Nous remercions tout particulièrement les 10 entreprises partenaires d'AcceDe Web et leurs équipes pour leur engagement et leur confiance :

Grâce à leur mobilisation, leur participation active aux groupes de travail, leurs relectures attentives des documents, l'utilisation test des notices sur leurs propres projets web, les entreprises partenaires ont apporté au projet AcceDe Web une expérience de terrain indispensable pour permettre la conception de notices bien adaptées aux besoins des différents intervenants d'un projet Web. En permettant une diffusion libre et gratuite de ces contenus, ces entreprises contribuent à faire progresser l'accessibilité du Web.

Nous remercions également les différents établissements qui nous ont apporté leur soutien et qui, dans leurs actions, sensibilisent et participent à la diffusion des notices AcceDe Web : Agence Entreprises & Handicap, AnySurfer (Belgique), Association des Paralysés de France (APF), CIGREF, ESSEC, Handirect, Hanploi, Sciences Po et Télécom ParisTech.

Nous remercions tous les membres du comité de relecture pour la qualité et la pertinence de leurs commentaires : Benjamin Ach (expert accessibilité), Michaël Alimi (Smile), Vincent Aniort (APF), Claire Bizingre (consultante accessibilité), Victor Brito (consultant accessibilité), David Casson (Université d'Orléans), Anna Castilla (Provaltis), Ève Demazière (Sciences Po), Sylvie Duchateau (BrailleNet), Cyril Fabby (Key Consulting), Frank Galey (webdesigner/intégrateur), Tanguy Lohéac (Sanofi), Delphine Malassingne (Ekino), Ugo Marnet (La Poste), Letizia Raugi (ORC), Sophie Schuermans (Anysufer), Frank Taillandier (WS Interactive), Éric Vidal (Fédération des aveugles de France) et Samuel Vinet (ESSEC), ainsi que bien sûr toutes les équipes des entreprises partenaires.

Nous souhaitons enfin remercier Laurent Bracquart et Johan Ramon, Christophe Pineau et Marion Santelli qui, au sein des équipes d'Atalan, se sont impliqués sans compter pour permettre à ce projet d'être mené à bien.

Licence d'utilisation▲

Ce document est soumis aux termes de la licence Creative Commons BY 3.0.

Vous êtes libres :

de reproduire, distribuer et communiquer cette création au public ;
de modifier cette création ;

selon les conditions suivantes :

mention de la paternité dès lors que le document est modifié : vous devez mentionner clairement la mention et les logos Atalan et AcceDe Web, indiquer qu'il s'agit d'une version modifiée, et ajouter un lien vers la page où trouver l'œuvre originale : www.accede-web.com ;vous ne devez en aucun cas citer le nom de l'auteur original d'une manière qui suggérerait qu'il vous soutient ou approuve votre utilisation de l'œuvre sans accord de sa part ;vous ne devez en aucun cas citer les noms des entreprises partenaires (Air Liquide, Atos, BNP Paribas, Capgemini, EDF, Generali, SFR, SNCF, Société Générale et SPIE), ni ceux des soutiens (Agence Entreprises & Handicap, AnySurfer, Association des Paralysés de France (APF), CIGREF, ESSEC, Handirect, Hanploi, Sciences Po et Télécom ParisTech) sans accord de leur part.

Les marques et logos Atalan et AcceDe Web sont déposés et sont la propriété exclusive de la société Atalan. Les marques et logos des entreprises partenaires sont la propriété exclusive de Air Liquide, Atos, BNP Paribas, Capgemini, EDF, Generali, SFR, SNCF, Société Générale et SPIE.

Contacts▲

Pour toute remarque à propos de cette notice, merci de contacter Atalan, coordinateur du projet AcceDe Web à l'adresse suivante : .

Vous pouvez également trouver plus d'informations sur les notices méthodologiques du projet AcceDe Web sur le site www.accede-web.com.

Crédits▲

Les icônes utilisées dans les contenus des notices AcceDe Web proviennent du set d'icônes 24×24 Free Application Icons (http://www.small-icons.com/packs/24x24-free-application-icons.htm).

Les captures d'écran de cette notice sont tirées des sites Web listés ci-dessous, à la date du 23 juillet 2012 :

Le contenu de cet article est rédigé par AcceDe Web et est mis à disposition selon les termes de la Licence Creative Commons Attribution 3.0 non transposé.
Les logos Developpez.com, en-tête, pied de page, css, et look & feel de l'article sont Copyright © 2013 Developpez.com.