Note : ce document présente le contenu détaillé de la présentation de Pierre GUILLOU (Ideose) donnée aux Roumics le jeudi 26 novembre 2009 sur le thème : "Accessibilité, bien plus qu’un slogan".
Le travail engagé depuis 10 ans par les acteurs de l’accessibilité du Web permet de disposer aujourd’hui d’un ensemble de méthodes, d’outils et de personnes qualifiées pour traiter l’accessibilité des sites “Web 1.0″ (standards, référentiel et guide, formations, labels, loi…).
Cependant, le Web désigne aujourd’hui (et encore plus demain) une réalité multiple :
* Des publics divers consultant le Web d’une manière adaptée (personnes handicapées, seniors, utilisateurs de mobile, etc.) ;
* Des services Web spécialisés pour répondre à des besoins spécifiques (centres relais via le Web, etc.) ;
* Des flux d’information type réseaux sociaux et services “Web Temps Réel” (Twitter) qui permettent à chaque internaute de créer son Web (”Web 2.0″) et non de consulter des sites existants.
Cette (r)évolution du Web n’élimine pas les sites “Web 1.0″ (et donc le besoin d’”Accessibilité 1.0″) mais demande en ce qui concerne son accessibilité de définir une nouvelle approche. En effet, des solutions d’accessibilité existent mais reposent sur une compétence technique supplémentaire et sur une connaissance des nouveaux usages Web.
L’approche classique de l’accessibilité 1.0 ne suffit plus. Il faut penser et construire une “Accessibilité 2.0″.
Accessibilité & Utilisabilité Web par Eric LamidieuEric LAMIDIEU
Accessibilité Web, Utilisabilité Web Qualité de vos services web par Eric Lamidieu. Comment gagner en audience et en responsabilité sociale simplement.
BY AGENCY interactive est une agence de communication
positionnée à chaque étape de la chaîne de valeur interactive :
conseil stratégique, création des outils techniques et solutions de promotion.
NOUS CONSEILLONS ET ACCOMPAGNONS NOS CLIENTS SUR :
• La définition d’une stratégie de communication on-line
en phase avec le plan de communication global.
• La création d'un univers visuels dans la continuité de l’identité de la Marque.
• La conception et la réalisation d'outils et solutions techniques orientés utilisateurs :
création de site web, intranet, campagne en ligne, jeux-concours, e-mailing, outils interactifs,
solutions de recrutement et de fidélisation.
• La conception, l’organisation et l’animation du contenu éditorial.
« BY AGENCY Interactive, 100% Mieux Vivre avec les médias de demain. »
Note : ce document présente le contenu détaillé de la présentation de Pierre GUILLOU (Ideose) donnée aux Roumics le jeudi 26 novembre 2009 sur le thème : "Accessibilité, bien plus qu’un slogan".
Le travail engagé depuis 10 ans par les acteurs de l’accessibilité du Web permet de disposer aujourd’hui d’un ensemble de méthodes, d’outils et de personnes qualifiées pour traiter l’accessibilité des sites “Web 1.0″ (standards, référentiel et guide, formations, labels, loi…).
Cependant, le Web désigne aujourd’hui (et encore plus demain) une réalité multiple :
* Des publics divers consultant le Web d’une manière adaptée (personnes handicapées, seniors, utilisateurs de mobile, etc.) ;
* Des services Web spécialisés pour répondre à des besoins spécifiques (centres relais via le Web, etc.) ;
* Des flux d’information type réseaux sociaux et services “Web Temps Réel” (Twitter) qui permettent à chaque internaute de créer son Web (”Web 2.0″) et non de consulter des sites existants.
Cette (r)évolution du Web n’élimine pas les sites “Web 1.0″ (et donc le besoin d’”Accessibilité 1.0″) mais demande en ce qui concerne son accessibilité de définir une nouvelle approche. En effet, des solutions d’accessibilité existent mais reposent sur une compétence technique supplémentaire et sur une connaissance des nouveaux usages Web.
L’approche classique de l’accessibilité 1.0 ne suffit plus. Il faut penser et construire une “Accessibilité 2.0″.
Accessibilité & Utilisabilité Web par Eric LamidieuEric LAMIDIEU
Accessibilité Web, Utilisabilité Web Qualité de vos services web par Eric Lamidieu. Comment gagner en audience et en responsabilité sociale simplement.
BY AGENCY interactive est une agence de communication
positionnée à chaque étape de la chaîne de valeur interactive :
conseil stratégique, création des outils techniques et solutions de promotion.
NOUS CONSEILLONS ET ACCOMPAGNONS NOS CLIENTS SUR :
• La définition d’une stratégie de communication on-line
en phase avec le plan de communication global.
• La création d'un univers visuels dans la continuité de l’identité de la Marque.
• La conception et la réalisation d'outils et solutions techniques orientés utilisateurs :
création de site web, intranet, campagne en ligne, jeux-concours, e-mailing, outils interactifs,
solutions de recrutement et de fidélisation.
• La conception, l’organisation et l’animation du contenu éditorial.
« BY AGENCY Interactive, 100% Mieux Vivre avec les médias de demain. »
Versions accessibles aux formats ODT, DOC et PDF: http://qelios.net/presentations/CRAW_2012/
Notre présentation à la Conférence Romande de l'accessibilité du Web 2012.
Description des préconisations des WCAG 2.0 pour rendre un site Web accessible. Présentation de la spécification WAI-ARIA pour l'accessibilité des interfaces riches, avec des exemples concrets d'application.
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...Ametys
Livre blanc sur l'accessibilité web.
Ce livre blanc Ametys présente un état de l’art des bonnes pratiques pour rendre les sites internet plus accessibles et met l’accent sur l’importance du choix d’un CMS adapté respectant les normes en vigueur.
Accessibilité numérique: premiers pas, Les TIC et l'art, 10 avril 2014Lesticetlart Invisu
Accessibilité numérique: premiers pas. Atelier des TIC et l'art organisé par InVisu le 10 avril 2014 à Paris, INHA. Atelier présenté par Magali Oualid.
Développement HTML5 : les enjeux et best practicesLaFrenchMobile
Responsive design, HTML5,… autant de concepts permettant notamment d’adresser la fragmentation des écrans (smartphone, tablette, PC, TV connectée) au travers desquels les consommateurs accèdent à votre marque digitale. Tour d’horizon des enjeux, des fonctionnalités clés (réseaux sociaux, SEO, SEM, geolocalisation, gestion du offline, adaptation du design) et des meilleures pratiques dans le développement de site internet mobile. Etudes de cas notamment sur PMU & Interflora récompensés par Google comme M site de l’année.
Alors que les ventes de smartphones ont largement dépassé celles du PC, l'industrie informatique se retrouve dans la situation trop bien connue où une poignée de plateformes propriétaires incompatibles entre elles compliquent le travaillent des développeurs et limitent la liberté des utilisateurs. Une plateforme libre et neutre qui tournerait sur tous types de matériel et qui libérerait à la fois les développeurs et les utilisateurs existe déjà, c'est le Web. Ayant déjà fait ses preuves sur PC, nous verrons comment le Web peut conquérir les smartphones et les autres types d'appareils, affranchissant ainsi les utilisateurs du 'vendor lock-in' et les développeurs des APIs et langages propriétaires."
Le web est lui même un moyen de diffusion web, mais, il existe d’innombrables manières et plusieurs outils servant de diffusion web; des outils de diffusion web très intuitifs et très performants qui améliorent et facilitent la diffusion web...
Mise en oeuvre de Drupal pour les sites web de Radio France.
Session lors du lancement d'Aquia France avec Dries Buytaert
Présentation par Olivier Friesse, responsable technique, Radio France
Versions accessibles aux formats ODT, DOC et PDF: http://qelios.net/presentations/CRAW_2012/
Notre présentation à la Conférence Romande de l'accessibilité du Web 2012.
Description des préconisations des WCAG 2.0 pour rendre un site Web accessible. Présentation de la spécification WAI-ARIA pour l'accessibilité des interfaces riches, avec des exemples concrets d'application.
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...Ametys
Livre blanc sur l'accessibilité web.
Ce livre blanc Ametys présente un état de l’art des bonnes pratiques pour rendre les sites internet plus accessibles et met l’accent sur l’importance du choix d’un CMS adapté respectant les normes en vigueur.
Accessibilité numérique: premiers pas, Les TIC et l'art, 10 avril 2014Lesticetlart Invisu
Accessibilité numérique: premiers pas. Atelier des TIC et l'art organisé par InVisu le 10 avril 2014 à Paris, INHA. Atelier présenté par Magali Oualid.
Développement HTML5 : les enjeux et best practicesLaFrenchMobile
Responsive design, HTML5,… autant de concepts permettant notamment d’adresser la fragmentation des écrans (smartphone, tablette, PC, TV connectée) au travers desquels les consommateurs accèdent à votre marque digitale. Tour d’horizon des enjeux, des fonctionnalités clés (réseaux sociaux, SEO, SEM, geolocalisation, gestion du offline, adaptation du design) et des meilleures pratiques dans le développement de site internet mobile. Etudes de cas notamment sur PMU & Interflora récompensés par Google comme M site de l’année.
Alors que les ventes de smartphones ont largement dépassé celles du PC, l'industrie informatique se retrouve dans la situation trop bien connue où une poignée de plateformes propriétaires incompatibles entre elles compliquent le travaillent des développeurs et limitent la liberté des utilisateurs. Une plateforme libre et neutre qui tournerait sur tous types de matériel et qui libérerait à la fois les développeurs et les utilisateurs existe déjà, c'est le Web. Ayant déjà fait ses preuves sur PC, nous verrons comment le Web peut conquérir les smartphones et les autres types d'appareils, affranchissant ainsi les utilisateurs du 'vendor lock-in' et les développeurs des APIs et langages propriétaires."
Le web est lui même un moyen de diffusion web, mais, il existe d’innombrables manières et plusieurs outils servant de diffusion web; des outils de diffusion web très intuitifs et très performants qui améliorent et facilitent la diffusion web...
Mise en oeuvre de Drupal pour les sites web de Radio France.
Session lors du lancement d'Aquia France avec Dries Buytaert
Présentation par Olivier Friesse, responsable technique, Radio France
5. Le WAI, Web Accessibility Initiative
« L’accessibilité au Web est un droit universel »
Article 9 de la Convention relative aux droits
des personnes handicapées, adoptée en 2006 par l’ONU.
Lancé en Avril 1997 par le World Wide Web Consortium
*Source : statistiques OMS - ONU
5
6. Objectif
• Proposer des solutions techniques pour rendre les sites Internet accessibles
aux personnes handicapées (handicaps visuel, auditif, moteur, cognitif ou neurologique)
mais également à d’autres, notamment les seniors.
• Cette accessibilité leur donne la possibilité de percevoir,
comprendre, naviguer, interagir et contribuer sur le web.
• Pour plus de 650 millions de personnes dans le monde*
6
7. Mise en place du WAI
Le WAI définit des directives qui servent de normes internationales
auxquelles les sites doivent répondre afin d’être accessibles.
Quelques exemples de règles WAI :
• S’assurer que les graphiques soient compréhensibles
lorsqu’une personne les visualise sans couleurs
• Rendre toutes les fonctionnalités utilisables au clavier
• Garantir un temps suffisant pour la compréhension
et l’utilisation du contenu
• Fournir des aides aux utilisateurs pour naviguer,
rechercher du contenu et se repérer sur le site
• Fournir des textes compréhensibles et lisibles
7
8. Les lecteurs d’écran
Un lecteur d’écran (en anglais : screen reader) est une aide technique
qui retranscrit ce qui est affiché sur un écran par synthèse vocale et/ou en braille,
et permet d’interagir avec le système d’exploitation et les logiciels
Sous Mac OS
* VoiceOver
* VisioVoice
Sous Windows
* Narrator : fourni avec Windows 2000 et Windows XP et utilisable avec Internet
Explorer, le panneau de configuration, Wordpad, Notepad, mais pas avec Office.
Il lit aussi les boîtes de dialogues des applications Windows.
http://www.microsoft.com/enable/training/windowsxp/narratorturnon.aspx
* Jaws
* Window-Eyes
* Hal Screen Reader
* QualiWorld
8
9. Exemples de sites conformes à la norme WAI
Version Standard
http://www.dannemarie.fr
9
10. Exemples de sites conformes à la norme WAI
Version Malvoyants
http://www.dannemarie.fr
10
11. Exemples de sites conformes à la norme WAI
Version Contrastée
http://www.dannemarie.fr
11
12. Exemples de sites conformes à la norme WAI
Version Standard Version Malvoyants
http://www.cc-rhin.fr.
12
13. By Agency Interactive propose une mise à jour ou une refonte
de votre site internet en tenant compte de cette norme.
Contactez-nous pour plus d’informations :
Jean-Christophe Lévêque 01 42 66 26 98 leveque@byagency.com
Arnaud Weber 01 42 66 41 34 weber@byagency.com
13
14. BY AGENCY - Interactive
30, rue Saint-Augustin 75002 - Paris
T : 33 (0)1 42 66 46 09
F : 33 (0)1 42 66 45 90
www.byagencyinteractive.com
www.byagencyinteractive.com/wai.pdf