Zoom et amplificateur de contrastes

Les systèmes d’exploitation Windows et Mac sont nativement dotés d’options d’accessibilité. Elles permettent notamment de personnaliser l’affichage de l’interface :

• Agrandissement du texte
• Réglage des contrastes

Plus que de simples gadgets, la présence de ces paramètres par défaut témoignent de la volonté des constructeurs de ne pas négliger les utilisateurs mal-voyants.

Mémorisation du clavier

Pour les personnes atteintes de cécité totale, la souris n’est d’aucune utilité. Le clavier devient le principal instrument de navigation. Pour diminuer la charge mentale, certains  constructeurs ont adapté le clavier classique en clavier braille à 6 touches. Pour les aveugles habitués au clavier AZERTY ou QWERTY traditionnel, des repères en relief sont placés sur certaines touches dans afin d’accéder plus vite aux touches stratégiques (entrée, barre d’espace, etc…).
Dans cette video, un aveugle explique comment il utilise la synthèse vocale pour naviguer sur internet.

Restitution auditive par synthèse vocale

Les outils de synthèse vocale (aussi appelés text to speech) transforment les textes affichés sur écran en sons prononcés par une voix artificielle. Des solutions coûteuses (environ 1 500 €) qui demandent un effort d’attention très soutenu car les voix robotisées sont souvent désagréables. De plus, la prise en main s’avère assez ardue du fait de la diversité des raccourcis clavier. Parmi les références du marché :

• Jaws, édité par Freedom Scientific et Microsoft (le plus utilisé par les non-voyants)
• Windows-Eyes, édité par GW Micro
• VoiceOver, la synthèse vocale intégrée d’Apple utilisée par le groupe Radiohead dans la chanson Fitter Happier
• Narrator, la synthèse vocale intégrée à Windows depuis 2000
• NonVisual Desktop Access (NVDA) , un lecteur vocal gratuit et open source
• Web Anywhere, le lecteur vocal en ligne et gratuit de l’université de Washington

Retranscription tactile du texte sur plage Braille

Couplée à un lecteur d’écran (ou screen reader), la plage braille permet aux internautes aveugles de percevoir du bout des doigts le contenu d’un écran d’ordinateur. Ce dispositif très cher (plus de 5000€) retranscrit à l’aide de picots rétractables entre 40 et 80 caractères par ligne.

Démonstration de l’utilisation d’une tablette Braille par une personne aveugle

Navigateurs en mode texte

Les navigateurs en mode texte tels que Lynx ou encore BrailleSurf ignorent images et animations. S’ils sont de moins en moins utilisés par les non-voyants, ils permettent aux webmasters de comprendre comment un aveugle perçoit un site internet.  En effet, ces navigateurs montrent les pages telles que lues par les synthèses vocales ou les robots de moteurs de recherche (Google préconise d’ailleurs d’utiliser Lynx pour optimiser son référencement naturel). Pratique pour faire des tests d’accessibilité en phase de conception d’un site web !

Simulateurs de déficiences visuelles

Pour un aperçu des difficultés rencontrées par les mal-voyants, des applications simulent la vue d’un internaute myope, daltonien ou encore souffrant de DMLA :

• Vischeck
• WebAIM Low Vision Simulation
• Color Vision

Liens utiles

Centre d’Évaluation et de Recherche sur les Technologies pour les Aveugles et les Malvoyants
http://www.certam-avh.com

Source : Webaccesibilite.fr

Merci Koupaing’

Missions de la WAI

• Etablir les normes techniques facilitant l’accès des personnes handicapées et des seniors aux contenus web
• Vérifier que les technologies web soient accessibles aux internautes ayant une déficience
• Formuler des recommandations pour les contenus web, les agents utilisateurs (navigateurs web, outils d’assistance) et les logiciels de conception
• Faciliter l’audit et la mise en conformité aux normes d’accessibilité
• Mener des formations et de travaux de recherche en accessibilité
• Prospecter les techniques émergentes d’accessibilité via la R&D

La WAI réunit plus de 500 membres à travers le monde dont des représentants :

• des personnes handicapées
• de l’industrie
• du monde de la recherche
• de gouvernements

Les directives de la WAI en matière d’accessibilité web

En 1999, la WAI publie la première version des Web Content Accessibility Guidelines (WCAG 1.0), une liste de recommandations et pour concevoir des sites web accessibles. Une mise à jour a été faite en juin 2009 (WCAG 2.0). Véritable référence à l’international, les WCAG attribuent 3 niveaux de conformité :

Traductions françaises officielles :

• WCAG 1.0 (mai 2009)
• WCAG 2.0 (juin 2009)

Les autres skribiouzeries sur l’accessibilité web

• Dossier spécial accessibilité web
• Dates clés de l’accessibilité web
• Qui est Tim Berners-Lee ?

Crédit photo : agence Neoma Interactive

Cette chronologie retrace l’histoire de l’accessibilité  et des standards du web de 1991 à nos jours. Elle montre comment ingénieurs, organismes de régulation, associations, entreprises privées spécialisées et gouvernements coopèrent pour construire et formaliser peu à peu l’e-accessibilité.

Vous voyez une date clé à ajouter ? Partagez-la en commentaire !

Les années 90’ : naissance d’Internet… donc de l’accessibilité web

• 1991 : Tim Berners-Lee invente le web et le HTML
• 1994 : création du W3C, organisme mondial régulateur du web fondé et dirigé par Tim Berners-Lee
• 1996 : début de la Web Accessibility Initiative (WAI)
• 1996 (bis) : invention des feuilles de styles CSS par William Tunnicliffe
• Août 1998, USA : le Congrès des vote un amendement à la section 508 du Rehabilitation Act obligeant les instances publiques à respecter des principes de base d’accessibilité
• 1998, France : création de l’association BrailleNet
• Mai 1999 : première version des Web Content Accessibility Guidelines (WCAG 1.0)

2000-2005 : vers une banalisation de l’accessibilité web ?

• Début 2000 : le WC3 impose et réglemente le langage XHTML
• Octobre 2000 : vers des sites internet des services d’Etat accessibles
• Novembre 2000, Australie : les JO de Sydney paient 20 000 $ de dommages et intérêts à un internaute aveugle pour site non accessible
• 2001-2004 : tentatives de généralisation des normes WAI à l’échelle européenne
• Janvier 2004 : rapport Perben sur l’accessibilté web et propositions de réforme
• 2004 : sortie du Référentiel d’Accessibilité ADAE de BrailleNet/AcessiWeb

2005-2009 : une mise en application laborieuse

• Février 2005, France : loi sur l’égalité des chances impose l’accessibilité des sites web publics
• Juin 2005 : appel à contribution de la WAI pour la v2 des WCAG
• Septembre 2006 : création du cadre normatif WAI-ARIA
• 2007, USA : l’AFB lance The Helen^TM Project, un validateur collaboratif
• Octobre 2007 : Handicap Zéro édite un annuaire des sites accessibles
• Octobre 2007 (bis) : publication du RGAA
• Mai 2008 : petition pour accélérer la publication du décret sur accessibilité
• Décembre 2008: sortie du référentiel AccessiWeb 1.1
• Mars 2009 : AccessiWeb publie un document sur l’accessibilité des PDF
• Mai 2009 : (houra) publication du décret d’application sur l’accessibilité web
• Juillet 2009 : sortie du Référentiel AccessiWeb CMS 1.0 de BrailleNet
• Décembre 2009 : Mise à jour du référentiel AccessiWeb (version 2.0)

Les années 2010 : à suivre…

• Mars 2010 : BrailleNet devient membre officiel du W3C
• Juin 2010 : mise à jour du référentiel AccessiWeb (version 2.1)
• ??? : sortie du HTML 5

Sources : Ideose et Neoma Interactive

Les autres skribiouzeries sur l’accessibilité web

• Dossier spécial accessibilité web
• Qu’est-ce que la Web Accessibility Initiative (WAI)
• Qui est  Tim Berners-Lee ?

L’inventeur du web

L’ingénieur britannique Tim Berners-Lee est à l’origine de l’infrastructure fondamentale d’Internet : le fameux www. Il met également au point le HTML, code de base pour concevoir des pages web et naviguer de l’une à l’autre via des liens hypertextes. Jusqu’à 1997, les premières versions d’HTML ne sont pas adaptées aux outils d’assistance tels que les lecteurs d’écran, les synthèses vocales ou les plages Braille  permettant aux non-voyants d’utiliser des ordinateurs.

Et Tim créa le W3C

Face à l’essor fulgurant du web, la normalisation des technologies s’impose. Tim Berners-Lee  dirige le World Wild Web Consortium (W3C), organisme international de régulation qu’il a crée en 1994. Sa vocation  : instaurer les standards du web, notamment en matière d’accessibilité avec le WAI.

Anobli par la reine Elizabeth II en 2004 et membre depuis 2009 de l’Académie des Sciences des Etats-Unis, Sir Tim Berners-Lee oeuvre aussi pour le gouvernement britannique. En janvier 2010, il lance data.gov.uk, un site gouvernemental mettant des données du secteur public anglais à la disposition de tous les internautes.

En mai dernier à l’occasion du Gov 2.0 Expo 2010 à Washington, celui que l’on surnomme le père d’Internet illustrait l’évolution du web sémantique avec un paquet de chips : un bel exemple de storytelling !

Quelques citations édifiantes de Tim Berners-Lee

« The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect ».

Traduction :

« Le pouvoir du Web est son universalité. Qu’il soit accessible par n’importe qui quel que soit son handicap est un de ses aspects essentiels. »

Voir aussi la biographie détaillée de Tim Berners-Lee (en anglais)

Les autres skribiouzeries sur l’accessibilité web

• Dossier spécial accessibilité web
• Dates clés de l’accessibilité web
• Qu’est ce que la Web Accessibility initiative (WAI)

Clip réalisé par Charlie Mars pour Sexy Sushi
Titre : « Marin » Album : Cyril
Dans les bacs le 26 juillet / Déjà en écoute légale et gratuite sur leur Myspace et Deezer
Voix : Julia Lanoë (voir aussi Mansfield Tya)
Compostition : David Grellier (voir aussi le collectif électronique Valérie)

A écouter aussi

Meurs, meurs Jean-Pierre Pernault

via le mur Facebook d’Un Brin d’Olive

MAJ du 06/07

Lire aussi

Cette chronique fort bien tournée du Djouls alias M. Fromage

« The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect ».

« Le pouvoir du Web est son universalité. Qu’il soit accessible par n’importe qui quel que soit son handicap est un de ses aspects essentiels. »

Tim Berners Lee,
inventeur du World Wild Web
et dirigeant du W3C

***

Australie, Etats-Unis, Inde, Nouvelle-Zélande… Nombreux sont les Etats à légiférer en faveur de l’accessibilité numérique. En France, le décret d’application de l’article 47 de la loi du 11 février 2005 pour l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées impose, depuis le 14 mai 2009, la mise en conformité des sites internet publics aux normes d’accessibilité web d’ici à 2012. Pourquoi un tel engouement ? Quel impact sur l’économie (création d’agences spécialisées en e-accessibilité, apparition de nouveaux métiers, formations universitaires) ? Dans le cadre du Master 2 Ecriture Interactive & Design d’Interaction, ce dossier explore le monde de l’accessibilité et des standards du web. Objectif : mettre en perspective :

• les enjeux de l’e-accessibilité (notamment sociaux, politiques et économiques)
• les bonnes pratiques pour concevoir des interfaces web accessibles

Pour cela, ma recherche s’appuie sur :

• la littérature (foisonnante dans la blogosphère) sur l’e-accessibilité
• des études de cas (analyse de sites internet existants)
• vos contributions

Plan indicatif

NB : Les sujets pourront-être traités dans le désordre. Les liens vers les articles sont activés au fur et à mesure de leur rédaction.

Qu’est-ce que l’accessibilité web ?

• Accessibilité web / ergonomie web : quelle différence ?
• Histoire de l’accessibilité web (chronologie)
• Personnalités de l’accessibilité web (ambassadeurs et théoriciens)
• Textes de référence

Qui sont les handinautes ? Tour d’horizon des assistants de navigation web selon les déficiences

• Comment surfer sur Internet avec une déficience visuelle
• Comment surfer sur Internet avec une déficience auditive
• Comment surfer sur Internet avec une déficience motrice
• Comment surfer sur Internet avec une déficience cognitive

Les enjeux sociétaux de l’e-accessibilité

• enjeu politique à l’international
• enjeu social (civisme)
• enjeu économique

Les bonnes pratiques de l’e-accessibilité

• Séparer la forme du contenu
• Hiérarchiser les contenus avec un balisage sémantique (Hn)
• Proposer des alternatives textuelles aux contenus multimédia (images, vidéos, liens hypertextes)
• Proposer un mode de navigation au clavier
• Permettre de personnaliser la taille des caractères

Glossaire
Bibliographie

Un dossier évolutif et participatif

Véritable support d’apprentissage, je formalise et expose ici le fruit de ma veille. Cela me permet de mobiliser les compétences en management des connaissances acquises cette année en Master 2 EIDI. La conception de ce dossier applique donc le principe des méthodes dites agiles :

« Une méthode agile est une approche itérative et incrémentale, qui est menée dans un esprit collaboratif avec juste ce qu’il faut de formalisme. Elle génère un produit de haute qualité tout en prenant en compte l’évolution des besoins des clients ».

Véronique Messager Rota
in Gestion de projet : vers les methodes agiles

Ainsi, l’accessibilité de ce blog devrait progresser au fur et à mesure de mes investigations… et de VOS contributions ! En effet, sKribiOuz’R se veut aussi être un laboratoire interactif d’expérimentation. Recommandations de lecture, retours d’expérience, corrections, témoignages d’utilisateurs : vos commentaires sont les bienvenus !

En bref, le Master 2 EIDI d’Annecy c’est :

• une formation diplômante bac+5
• 1 an d’expérience professionnelle
• des intervenants hautement qualifiés issus du monde de l’entreprise et universitaire
• des entreprises reconnues dans toute la région Rhône-Alpes
• un cadre privilégié pour étudier entre lac, montagnes, et festival d’animation…

Au programme : architecture d’information et design

Le Master 2 EIDI initie les apprentis designers web aux théories et pratiques de la conception d’interfaces centrées utilisateur. Professionnels et universitaires y enseignent notamment :

• l’architecture d’information (conception d’arborescences)
• les principes d’ergonomie web et d’accessibilité (maquettes fonctionnelles, zoning)
• la PAO (sensibilisation aux contraintes inhérentes aux logiciels)
• la scénarisation de contenus interactifs (narration et techniques de rédaction web)
• la sociologie des usages (guides et rapports d’entretiens utilisateurs)
• le management d’équipe (gestion de projet et communication)

L’alternance, la voie de l’excellence

4 jours en entreprise, 1 journée au centre de formation : le Master 2 EIDI laisse une large place à l’apprentissage « sur le terrain ». Ce rythme d’alternance présente selon moi un double avantage :

• pour l’entreprise : elle peut confier à l’étudiant des missions conséquentes sur le long terme
• pour l’étudiant : il dispose d’un accompagnement concret pour une insertion professionnelle progressive

A la clé du Master pro Ecriture Interactive & Design d’Interaction : un diplôme universitaire bac +5 reconnu par l’Etat assorti d’ une année complète d’expérience professionnelle en agence ou chez l’annonceur. Parmi les entreprises formatrices (liste non exhaustive) :

• 1ère Position*, référencement et webmarketing // Chambéry, Lyon, Paris
• Acti, agence de communication interactive // Lyon
• Bayard Service Web, pôle web des Groupe Bayard // Chambéry
• Daesign, e-learning et serious game // Annecy
• Duke, agence web // Paris
• Génération 5, les inventeurs du tableau blanc interactif (TBI)
• Iceberg, agence de conseil en communication // Paris
• La Haute Société, agence web // Grenoble
• Millet, l’équipementier de haute montagne // Annecy
• Porteur d’image, agence de communication // Annecy
• Taillefer Production, société de production audiovisuelle
• Wesh Prod, studio de création web // Passy Mont-Blanc

Les intervenants en Master 2 EIDI

Game designers, ergonomes, concepteurs-redacteurs web… Le Master 2 Ecriture Interactive & Design d’Interaction accueille des professionnels passionnés désireux de transmettre leurs compétences.  Nourris d’échanges, ces rencontres et retours d’expérience sont également l’occasion de tisser un réseau professionnel solide.

Vous êtes expert en architecture d’information,
design d’interface, accessibilité web  ?
Intervenez en Master 2 EIDI !
Contact : Sabine Demri, responsable pédagogique

Voici une liste non exhaustive des formateurs donnant cours à Annecy.

• Eric Castanet, script doctor expert en narratologie
• Ghislaine Chabert, Marc Veyrat, et  Jacques Ibanez Bueno, enseignants chercheurs à l’Université de Savoie
• Luc Didier, designer applicatif indépendant
• Isabelle Duchêne, ergonome produit experte en qualité perçue chez Somfy
• Daniel Françoise, consultant en management et psychologie sociale et maître de conférence
• Nicolas Gaume, PDG de Mimesis Republic
  
• Claude Houbart, responsable e-learning chez Areva
• Daniel Kapelian, producteur de projets multimedias indépendant
• Arnaud Mametz, game designer chez Ubisoft
• Nicolas Nova, consultant et chercheur en prospective chez Lift Lab
• Nicolas Szilas, chercheur en narration interactive (Interactive Storytelling)
• Sandrine Touzé, chef de projet référencement chez 1ère Position
• Antoine Visonneau, designer d’interaction chez Ooda

Le Master 2 EIDI sur le web

• Conditions d’admission et débouchés →
• S’inscrire en Master 2 EIDI →
• Twitter : @EidiAnnecy →
• Page Facebook des fans d’EIDI →
• Bonjour EIDI →

La petite histoire d’EIDI, le Master 2 pro des montagnes

Mis en place en 2007, le Master 2 EIDI est issu du partenariat entre 2 acteurs publics locaux :

• CCI-Formation Multimedia (Chambre du Commerce et de l’Industrie de Haute-Savoie)
• l’IMUS, Institut de Management de l’Université de Savoie

——————————–
*c’est dans cette agence que j’apprends les bases du webanalytics et de la gestion des liens sponsorisés (entre autres) !!

Geek, cynique et concis. Tout pour (me) plaire…
Retrouvez tous les dessins  d’Andy Rementer sur son blog BD Techno Tuesday.

Le pitch

« Dans une banlieue de Stockholm, dans un futur proche. Les souterrains européens sont reliés par un gigantesque métro. Roger évite de prendre le métro. Il a l’impression que ses faits et gestes sont contrôlés, entend dans sa tête la voix d’un étranger… Pensant être victime d’une machination, il demande de l’aide à une jeune mannequin, Nina. »

Site officiel du film :  metropiathemovie.com