Contexte et objectifs▲
Cette notice regroupe l'ensemble des spécifications à prendre en compte lors de l'intégration HTML/CSS d'un site ou d'une application Web (gabarits HTML, dynamisation des gabarits, etc.) quel que soit le périphérique d'affichage ciblé (ordinateur, mobile, 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).
Attention
Si l'intégration HTML/CSS se fait entièrement à partir de maquettes graphiques, celles-ci doivent respecter les recommandations de la Notice d'accessibilité pour la conception graphique. À l'inverse, Si l'intégration HTML/CSS est réalisée partiellement ou entièrement sans maquettes, c'est l'intégrateur qui devra veiller au respect des recommandations pour la conception graphique.
À qui s'adresse cette notice, comment l'utiliser ?▲
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. Il vient en complément aux spécifications techniques d'un projet. 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 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 critères ou des avertissements en tenant compte des évolutions proposées par la nouvelle spécification d'HTML.
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é), 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.
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 contenus sont tirées des sites web listés ci-dessous, à la date du 10 octobre 2012 :
