Notice d'accessibilité interfaces riches et JavaScript

Cette notice propose à la fois :

• les spécifications générales à prendre en compte lors du développement d'interfaces riches, quel que soit le périphérique d'affichage ciblé (ordinateur, mobile, etc.) ;
• des fiches pratiques sur la manière de mettre en place de manière accessible certains cas d'usage courants (menus déroulants, onglets, etc.).

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

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

Remarque
Les solutions proposées dans cette notice ne sont pas uniques : il s'agit souvent de solutions accessibles parmi d'autres. En d'autres termes, la plupart des solutions évoquées dans les cas d'usages peuvent être adaptées en connaissance de cause.

Ce document doit être transmis aux intervenants et/ou prestataires réalisant les spécifications techniques, les gabarits HTMLHyperText Markup Language/CSSCascading Style Sheets et les différents développements techniques des interfaces riches. Il vient en complément aux spécifications techniques d'un projet et à la notice d'accessibilité HTML et CSS. 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 d'intégration HTML/CSS, JavaScript, Flash et, pour certaines d'entre elles, lors de la dynamisation des pages lorsque les gabarits sont affectés à un outil de gestion de contenu (CMSContent Management System).

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.

HTML5 : les encarts HTML5 apportent des éclaircissements aux recommandations ou des avertissements en tenant compte des évolutions proposées par la nouvelle spécification d'HTML.

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

• Air Liquide
• Atos
• BNP Paribas
• Capgemini
• EDF
• Generali
• SFR
• SNCF
• Société Générale
• SPIE

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é), Vincent Aniort (APF), Jean-Baptiste Audras (Université de Grenoble), Claire Bizingre (consultante accessibilité), Victor Brito (consultant accessibilité), Anna Castilla (Provaltis), Ève Demazière (Sciences Po), Nicolas Fortin (Ministère de la Culture et de la Communication), Marc-Étienne Vargenau (Alcatel-Lucent) et Éric Vidal (Fédération des aveugles de France), 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.

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.

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.

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).