Guides
![]() |
|
Imprimer
|
Envoyer
|
Partager
|
Sommaire
- Vidéos (15)
- Sites Web (10)
- Multimédias (12)
- Documents électroniques (8)
- Etudes accessibilité (9)
- Etudes « Seniors et Web » (9)
- Aides techniques (1)
Cette page fait partie du portail Ideose sur les ressources sur l’accessibilité numérique. Elle liste 64 liens vers des vidéos et des guides en ligne concernant l’accessibilité numérique (sites Web, documents électroniques, études…).
Notes :
- Dernière mise à jour : samedi 28 novembre 2009.
- Si vous connaissez une ressource en ligne sur l’accessibilité numérique qui ne se trouve pas listée ici, merci de nous soumettre votre proposition.
- Ce portail de ressources a été conçu par notre service de Veille stratégique et Prospective qui peut vous proposer des études spécifiques à la demande.
Vidéos
DAISY Makes Reading Easier (vidéo sur YouTube en français)Dans cette vidéo, des personnes déficientes visuelles sont interrogées à propos de la possibilité donnée par Microsoft Word de produire des livre audio numériques (DTBook) en utilisant le plugin "Save as Daisy" (gratuit). |
Access to Technology in the Workplace: In Our Own WordsDans cette vidéo, 4 personnes handicapées témoignent de l'importance des technologies d'assistance et du Web accessible dans leur travail de tous les jours. |
Accessibility videos (Université Wisconsin-Madison)La Division des Technologies de l'Information (DoIT) de l'Université Wisconsin-Madison propose sur son site Web plusieurs vidéos sur l'accessibilité du Web pour les personnes déficientes visuelles. Voici la liste de ces vidéos très pédagogiques : |
Accessibility: For everyone's Benefit (vidéo sur YouTube)Cette vidéo présente des exemples dans différents pays en Europe où l'accessibilité a été prise en compte (école, trottoir, banque...), ce qui a un impact positif sur les personnes handicapées mais aussi pour tous. |
Experiences of Students with DisabilitiesLe site américain WebAIM publie une vidéo présentant une série de témoignages d'étudiants handicapés sur les problèmes d'accessibilité Web auxquels ils font face. |
Importance of html Headings for Accessibility (vidéo sur YouTube)Cette vidéo explique pourquoi structurer une page Web en utilisant des titres (balise h en html) est une règle essentielle d'accessibilité pour les personnes aveugles utilisant un logiciel lecteur d'écran. En effet, ce logiciel permet de publier la liste des titres de la page Web et crée ainsi une table des matières. Cela permet à la personne aveugle de comprendre la structure de l'information et de naviguer de titre en titre au lieu de devoir lire en entier la page Web. |
Keeping Web Accessibility in MindLe site américain WebAIM publie une vidéo sur l'accessibilité du Web très pédagogique : information et démonstrations par des personnes handicapées. |
Refreshable Braille and the WebCette vidéo est une sensibilisation par une personne aveugle à l'utilisation d'une plage braille (aussi appelée clavier braille) connectée à un ordinateur. Ce matériel est à la fois un clavier lui permettant de lire avec les doigts les lettres affichées à l'écran mais aussi un véritable ordinateur mobile muni d'un système d'exploitation. |
Web Accessibility - A World Denied (vidéo sur YouTube)Cette vidéo présente de manière non technique les différents avantages de rendre accessible un site Web. L'aspect économique est abordé avec la question du ROI. |
Why Captioned Media ? (vidéo, format wmv, 27,2 Mo)Cette vidéo met en scène un étudiant sourd du George Brown College (Toronto, Canada) qui explique pourquoi son établissement a voté en décembre 2006 l'obligation pour toute vidéo scolaire d'être accessible et pour tout livre d'avoir une version numérique texte. La vidéo est sous-titrée et audio-décrite. Une transcription textuelle est disponible en ligne. |
Ecran noir (vidéo real player, 30mn40s, 78 Mo)Cette vidéo présente comment une personne aveugle utilise un ordinateur et navigue sur le Web. |
L'ordinateur des aveugles (vidéo sur YouTube)Une personne aveugle utilise un ordinateur à l'aide de son lecteur d'écran Jaws. Démonstrations de navigation dans un environnement Windows et sur le Web. |
Téléphoner, un droit pour tous (vidéo sur France5)Pouvoir à toute heure du jour ou de la nuit joindre le correspondant de son choix a changé la vie de milliers de sourds aux Etats-Unis. Les services relais vidéo ont été développés suite au vote de la loi de 1990, dénommée Americans with Disabilities Act (ADA), reconnaissant, entre autre, le droit des sourds à un accès aux télécommunications égal aux entendants. |
Tutoriels vidéoLe Portail Access-Key présente une série de courtes vidéos mettant en situation des internautes handicapés. Les diverses difficultés rencontrées et les solutions d'accessibilité sont ainsi illustrées par plusieurs vidéos. |
Vidéos de sensibilisation aux handicapsLe site handi.tv propose des vidéos sur le handicap suivant différents angles : société, sports, politique, culture... Il y a en particulier des vidéos de sensibilisation aux handicaps. Par exemple, une vidéo présente la boucle d'induction magnétique qui facilite la communication avec les personnes atteintes d'un handicap auditif. |
Sites Web
HTML Best Practices (iCITA)Le guide en ligne HTML Best Practices de l'iCITA a été conçu pour donner aux développeurs Web les techniques de codage pour rendre leurs contenus accessibles aux personnes handicapées. |
Choosing an Accessible CMSCe guide en ligne en anglais donne des indications pour vérifier l'accessibilité d'un CMS. |
Examples and Techniques (Web-Savvy)Ce guide en ligne (anglais) propose plusieurs exemples et des techniques pour rendre accessible des objets Web (Flash, formulaires, navigation...). |
Top 10 Accessible Web Authoring Practices (Web-Savvy)Ce guide en ligne (anglais) met l'accent sur les 10 règles clés de l'accessibilité du Web en les expliquant et en donnant des solutions pour les implémenter. |
Visual DisabilitiesCe guide en ligne permet de comprendre les besoins en accessibilité pour les différents types de handicap visuel (personnes aveugles, personnes malvoyantes, personnes daltoniennes). Pour chaque type de handicap, un tableau récapitulatif explique comment développer pour rendre accessible tel ou tel objet Web aux personnes handicapées visuelles. |
Making Your Web Site Senior Friendly (format pdf, 1.15 Mo)Des recommandations pour que votre site Web soit également consultable par des personnes seniors. |
Boîte à outils pour la NSI 2.0Ce guide en ligne du gouvernement Canada propose plusieurs exemples de conceptions Web accessibles avec publication du code source (CSS, Javascript, formulaires, tableaux...). |
Guide AccessiWebLe Guide AccessiWeb a vocation à aider les acteurs du Web à appliquer le référentiel AccessiWeb sur leurs sites Web. |
Plongez dans l'accessibilité (30 jours pour rendre un site web plus accessible)Ce guide en ligne réponds à deux questions. La première question est "Pourquoi je dois rendre mon site web plus accessible ?" La seconde question est "Comment puis-je rendre mon site web plus accessible ?" |
Ressources anglophones sur l'accessibilité du WebCe document présente une liste de liens vers des ressources en ligne anglophones concernant l'accessibilité du Web. |
Multimédias
ICITA WAI-ARIA ExamplesL'ICITA propose en ligne plusieurs exemples d'implémentation des règles WAI-ARIA qui expliquent comment rendre le contenu Web et des applications Web plus accessible aux personnes handicapées (ces règles permettent en particulier de rendre accessible le contenu dynamique et les interfaces avancées côté utilisateur développées avec Ajax, HTML, JavaScript et toutes les technologies connexes). |
AJAX test cases using the WAI-ARIA Accessibility MarkupCette étude propose des exemples d'implémentation de WAI-ARIA sur des applications Web AJAX afin de les rendre accessibles, en particulier aux lecteurs d'écrans utilisés par les personnes aveugles. |
WCAG 2.0 compliance with FlashCe diaporama audio (chaque slide est expliqué par une voix off) présente comment développer une application Flash respectant les recommandations internationales d'accessibilité WCAG 2.0. |
Accessible Implementation of Video and Audio on WebsitesL'accessibilité des vidéos est abordée sous différents aspects dans ce document en ligne : les normes, les logiciels... |
Adobe Flash accessibility design guidelinesAdobe propose un guide en ligne (en anglais) pour développer des animations Flash accessibles. |
Adobe InDesign CS4 accessibilityLe logiciel Adobe InDesign CS4 accessibility supporte les règles d'accessibilité et permet d'exporter des documents InDesign accessibles dans les formats PDF, XHTML et XML. Les utilisateurs peuvent ajouter des éléments de structure et des alternatives textuelles aux documents InDesign. Utilisé avec le logiciel Adobe Acrobat® pour les PDF et Adobe Dreamweaver pour les documents XHTML et XML, les utilisateurs peuvent créer des documents avec un haut niveau d'accessibilité avec le logiciel Adobe InDesign. |
Creating Accessible Sites in FlashCe tutoriel en Flash (en anglais) décrit de manière pédagogique les fonctionnalités d'accessibilité à respecter dans les animations Flash développées avec Adobe Flash CS4 Professional. Les besoins en accessibilité sont évoqués en fonction des différents handicaps (visuel, auditif et moteur). Autre point intéressant : le lecteur Flash utilisé dans ce tutoriel propose des boutons pour le sous-titrage, l'audio-description et les raccourcis claviers. |
Web Captioning OverviewCet article présente les points clés de l'accessibilité d'une vidéo sur le Web : transcription textuelle sous-titrage et audiodescription. Des liens sont également donnés vers des documents en ligne expliquant comment rendre accessible les principaux formats de vidéos sur le Web. |
Charte de l'audiodescription (pdf, 86.6 ko)Plusieurs professionnels, soucieux de garantir la qualité des prestations d’audiodescription, ont élaboré une charte, qui a fait l’objet d’un lancement officiel en décembre 2008 (France). |
Google AxsJAXLe framework AxsJAX est une librairie Javascript qui permet d'injecter des fonctionnalités d'accessibilité dans des services Web utilisant AJAX. Grâce à des plugin Firefox côté poste client comme GreaseMonkey, il est ainsi possible de corriger l'accessibilité de tels services. |
Histoire du sous-titrage pour la télévision et codes couleur (pdf, 1 Mo)Ce dossier (source du dossier sous-titrage) décrit en détails l'histoire du sous-titrage pour la télévision jusqu'à son obligation légale en France définie par l'article 74 de la loi n°2005-102 du 11 février 2005 (la totalité des grandes chaînes de télévision doivent sous-titrer la totalité de leurs programmes d’ici 2010). Les techniques de sous-titrage sont également rappelées comme les codes couleurs en page 5 du dossier (blanc pour un intervenant à l'écran, jaune pour un intervenant hors champ, etc.). |
Pratiques correctes applicables à des créations Flash accessibles (août 2005, format PDF, 772 ko)Dans son Centre de ressources sur l'accessibilité, Adobe publie en ligne différents documents dont un sur la création de Flash accessibles et un sur la création de PDF accessibles. |
Documents électroniques
Creating Accessible PDFs with Adobe Acrobat 8 (2007, format PDF, 859 ko)Il est possible de créer des documents PDF accessibles en convertissant des fichiers réalisés à partir de logiciels de traitement de texte (exemple : Microsoft Word) mais aussi en les créant directement à partir d'Adobe Acrobat. Ce document présente les différentes méthodes de création. |
Facts and Opinions About pdf AccessibilityContrairement à une idée répandue, les documents pdf peuvent être accessibles à des personnes handicapées. De quelle(s) manière(s) ? Cet article de Joe Clark (22 août 2005) apporte des réponses. |
Screen reader access to PDF : a users guideCe guide en ligne décrit comment accéder et lire un PDF quand vous êtes un utilisateur de lecteur d'écran type JAWS. |
Ten Tips for Creating Usable and Accessible PDFsCet article présente 10 informations à connaître pour créer des documents PDF accessibles. Une liste de ressources en ligne est également donnée. |
Comment envoyer des courriels accessibles (novembre 2008, format word, 21.4 ko)Ce document a été réalisé par AccessiWeb. Il a pour but de donner quelques pistes aux personnes désirant envoyer des courriels accessibles au plus grand nombre. Il rassemble une série de bonnes pratiques issues de l’expérience. |
Créer des documents PDF accessibles (5 mars 2009, format word, 215.0 ko)Face à la demande croissante du public pour l'utilisation du PDF, et en partenariat avec les développeurs de lecteurs d'écran, la société Adobe a mis en place une série de techniques permettant de rendre les PDF plus accessibles à condition qu'ils soient bien structurés. De son côté, AccessiWeb a mis en ligne une étude sur l'accessibilité du PDF et sur les moyens à mettre en œuvre pour produire des documents PDF accessibles. |
Créer des documents accessibles avec Microsoft Office Word 2007 (Juin 2008)Les documents électroniques créés à l'aide d'un logiciel de traitement de texte sont échangés par courriels ou publiés en ligne sur le Web. Ils sont de plus en plus nombreux sur les sites Web du secteur public, privé et sur les sites personnels. Les logiciels les plus utilisés pour les créer sont Microsoft Office Word et Open Office. Afin d'aider les utilisateurs de Word à rendre accessibles aux personnes handicapées les documents électroniques qu'ils créent, Microsoft a mis en ligne un guide expliquant comment créer des documents accessibles avec le logiciel Microsoft Office Word (version 2003 et 2007). |
Créer des documents Adobe PDF accessibles avec Adobe Acrobat (2005, format PDF, 10.2 Mo)Dans son Centre de ressources sur l'accessibilité, Adobe publie en ligne différents documents dont un sur la création de Flash accessibles et un sur la création de PDF accessibles. |
Etudes accessibilité
A Cognitive Basis for Web Design (Web-Savvy)Ce document en ligne (anglais) s'intéresse au développement Web accessible au handicap cognitif. Après avoir détaillé les concepts nécessaires aux utilisateurs handicapés, le document liste les points de contrôle de WCAG 1.0 qui s'appliquent plus particulièrement au handicap cognitif. Une liste de ressources supplémentaires est également donnée. |
A Review of the Accessibility of FacebookUne étude sur l'accessibilité du réseau social facebook. |
Accessible Web designers and alternative Web design guidelinesCette page est une étude comparative entre les recommandations internationales d'accessibilités (WCAG) et les guides proposant des conseils pour adapter un site Web à une communauté particulière d'internautes (seniors, personnes aveugles...). Il apparaît que ces guides sont importants pour assurer l'utilisabilité d'un site (et pas seulement son accessibilité technique) mais que très peu de développeurs Web en ont connaissance. |
Guidelines for Accessible and Usable Web Sites: Observing Users Who Work With Screen ReadersCette étude de 2003 liste 31 recommandations pour la conception de sites Web issues de l'étude de 16 personnes aveugles navigant sur le Web avec un logiciel lecteur d'écrans. |
Inaccessibility of CAPTCHA : Alternatives to Visual Turing Tests on the WebCe document du W3C présente les alternatives pour rendre accessibles les CAPTCHA au plus grand nombre possible de personnes, y compris les personnes handicapées. |
Survey of Preferences of Screen Readers UsersDe décembre 2008 à janvier 2009, WebAIM a mené une étude aux Etats-Unis sur les préférences des utilisateurs des logiciels "lecteur d'écran" en particulier dans la conception des sites Web. Plus de 1000 personnes dont 80% de personnes aveugles ont participé à cette étude. |
The Market for Accessible Technology : The Wide Range of Abilities and Its Impact on Computer UseCette étude présente les résultats d'une étude commandée en 2003 par Microsoft à Forrester Research, Inc sur les parties de la population aux Etats-Unis qui sont susceptibles de bénéficier des technologies accessibles. |
Web Accessibility Gone WildCet article présente des exemples de mauvaise implémentation de règles d'accessibilité. Cette situation peut arriver quand un développeur n'a pas vraiment étudié les principes d'accessibilité mais s'est contenté de recettes rapides. Exemple : toutes les images doivent avoir une description textuelle équivalente... et donc, il ne doit pas avoir de description pour une image de décoration (hors, très souvent il y en a une quand même). |
Etude 2007 sur l'accessibilité des sites Web suisses (pdf, 4.8 Mo)Cette étude a pour objet de dresser un bilan de l'accessibilité des sites Web des collectivités publiques suisses pour les personnes handicapées et les personnes âgées. Outre les résultats des tests d'accessibilité, cette étude comprend des articles spécialisés consacrés à l'accessibilité sans barrières. Il y a en particulier un article qui décrit la manière dont quatre personnes handicapées effectuent des recherches concrètes sur Internet, les limites auxquelles elles se heurtent et leurs exigences. |
Etudes « Seniors et Web »
WAI-AGE |
Designing Web Sites for Older Adults: HeuristicsCe document a été créé en 2004. Il propose une méthodologie d'étude d'un site Web par des seniors pour vérifier s'il prend en compte leurs besoins spécifiques. |
Interface Design Guidelines for Users of All Ages (pdf, 90 ko)Ce document a été créé en 2001 pour favoriser la prise en compte par les créateurs de sites Web des besoins des personnes âgées. Il propose des recommandations en conception graphique et en ergonomie des sites Web. |
Making your Web site senior friendlyCe document créé par National Institute on Aging propose une liste de critères à vérifier pour améliorer la consultation d'un site par un senior (personne de plus de 60 ans). |
Older Adults and the World Wide Web: a Guide for Web Site Creators (pdf, 333 ko)Ce guide date de 1999. Il donne des conseils d'ordre général pour les concepteurs de sites Web afin qu'ils prennent en compte les spécificités des seniors. |
Research-Derived Web Design Guidelines for Older People (pdf, 486 ko)Sur la base de l'étude des publications sur "Web et senior" et à partir de tests utilisateurs réalisés avec des seniors, ce document propose une liste complète de recommandations pour concevoir un site Web adapté aux besoins des seniors. |
Senior Web Surfer (vidéo en anglais, format real player, 16mn33s)Cette vidéo propose une série d'interviews de seniors utilisant le Web. Ils répondent aux questions concernant les difficultés qu'ils rencontrent. |
Usability for Older Web UsersCette page présente les résultats d'une étude comparative de navigation Web par des seniors et des plus jeunes. Cette étude a été réalisée à partir de tests utilisateurs sur des sites Web faits par 2 groupes d'internautes : un groupe de seniors (plus de 65 ans) et un groupe d'adultes (moins de 40 ans). |
Web Accessibility for Older Users: A Literature ReviewCe document a été réalisé par l'organisme WAI, responsable des standards d'accessibilité du Web au niveau mondial. Il présente et analyse la documentation existante sur la question des besoins des seniors en terme d'accessibilité du Web. Il compare également ces besoins à ceux des personnes handicapées. |
Aides techniques
Global Assistive Technology Encyclopedia (Gate)Cette encyclopédie en ligne est un wiki permettant à chacun de partager ses informations sur les aides techniques (matériels et logiciels) qui permettent aux personnes handicapées d'utiliser un ordinateur et de naviguer sur les sites Web. |

































S'abonner au blog Ideose
