Un Web accessible : accessibilité numérique pour certains, qualité et confort...Franck Letrouvé
L’accessibilité d’un site aux personnes handicapées n’est une obligation légale que pour les services publics. Néanmoins, et parce que cela relève de l’éthique, tout éditeur de site web peut adopter ces bonnes pratiques et ce, sans surcoût excessif. Les bénéfices, pour l’utilisateur sur le plan du confort de lecture comme pour l’éditeur concernant son image de marque, sont appréciables. - Voir sur le site de l'ADBS (http://www.adbs.fr/methodes-techniques-et-outils-br-un-web-accessible-accessibilite-numerique-br-pour-certains-qualite-et-confort-pour-tous--141260.htm?RH=REVUE)
Document proposé en complément du diaporama diffusé à l’occasion de l’@telier Internet Public et Citoyen : "Loi sur le handicap : les défis de l’accessibilité numérique".
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.
Un Web accessible : accessibilité numérique pour certains, qualité et confort...Franck Letrouvé
L’accessibilité d’un site aux personnes handicapées n’est une obligation légale que pour les services publics. Néanmoins, et parce que cela relève de l’éthique, tout éditeur de site web peut adopter ces bonnes pratiques et ce, sans surcoût excessif. Les bénéfices, pour l’utilisateur sur le plan du confort de lecture comme pour l’éditeur concernant son image de marque, sont appréciables. - Voir sur le site de l'ADBS (http://www.adbs.fr/methodes-techniques-et-outils-br-un-web-accessible-accessibilite-numerique-br-pour-certains-qualite-et-confort-pour-tous--141260.htm?RH=REVUE)
Document proposé en complément du diaporama diffusé à l’occasion de l’@telier Internet Public et Citoyen : "Loi sur le handicap : les défis de l’accessibilité numérique".
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.
HAITI: PETITE HISTOIRE DES BANDES ARMEESStanleylucas
Ce document trouve sur l'internet décrit comment Jean Bertrand Aristide et les politiciens du parti Fanmi Lavalas ont transforme des jeunes militants en politiques en des gangs qui terrorisaient la population.
La régente de carthage: main basse sur la TunisieFlen Al Foulen
Un livre qui montre les excès de la famille présidentielle en Tunisie pendant le règne de l'ex-dictateur Zied el Abidine Ben Ali.
This book show the various
Hays Journal 6 - Connaissances VS compétences : privilégier l’aptitude à app...Hays France
Le Hays Journal est un magazine biannuel qui regroupe les sujets d’actualité et les tendances du monde des ressources humaines.
Il est pour nous un moyen de partager nos points de vue sur un grand nombre de secteurs et de pays.
Comme les exigences qui pèsent sur les entreprises évoluent, il doit en être de même pour le profil de votre candidat idéal.
Comment commander dans la boutique de notre site internet, et profiter de tarifs Inter ce sur des centaines d\'articles: loisirs, sports, ski, cinémas.....
À quoi sert la promotion de la santé ?valéry ridde
Cette communication sur l’essence de la promotion de la santé émane d’une réflexion présentée en 2006 dans une conférence traitant de la relation entre la participation et la santé communautaire. Cette réflexion a été publiée dans un livre qui vient de paraître : 3. Ridde V. À quoi sert la promotion de la santé ? Essai introductif sur la réduction des inégalités sociales de santé. L’Harmattan Burkina Faso, 2012, 133 pages.
HAITI: PETITE HISTOIRE DES BANDES ARMEESStanleylucas
Ce document trouve sur l'internet décrit comment Jean Bertrand Aristide et les politiciens du parti Fanmi Lavalas ont transforme des jeunes militants en politiques en des gangs qui terrorisaient la population.
La régente de carthage: main basse sur la TunisieFlen Al Foulen
Un livre qui montre les excès de la famille présidentielle en Tunisie pendant le règne de l'ex-dictateur Zied el Abidine Ben Ali.
This book show the various
Hays Journal 6 - Connaissances VS compétences : privilégier l’aptitude à app...Hays France
Le Hays Journal est un magazine biannuel qui regroupe les sujets d’actualité et les tendances du monde des ressources humaines.
Il est pour nous un moyen de partager nos points de vue sur un grand nombre de secteurs et de pays.
Comme les exigences qui pèsent sur les entreprises évoluent, il doit en être de même pour le profil de votre candidat idéal.
Comment commander dans la boutique de notre site internet, et profiter de tarifs Inter ce sur des centaines d\'articles: loisirs, sports, ski, cinémas.....
À quoi sert la promotion de la santé ?valéry ridde
Cette communication sur l’essence de la promotion de la santé émane d’une réflexion présentée en 2006 dans une conférence traitant de la relation entre la participation et la santé communautaire. Cette réflexion a été publiée dans un livre qui vient de paraître : 3. Ridde V. À quoi sert la promotion de la santé ? Essai introductif sur la réduction des inégalités sociales de santé. L’Harmattan Burkina Faso, 2012, 133 pages.
Bientôt, nous serons plus nombreux à accéder à Internet via un écran mobile que via notre PC…
L’accessibilité de votre contenu sur les plateformes mobiles est donc, aujourd’hui, un enjeu majeur. Time Magazine l’a bien compris, lui qui est passé, ce lundi 22 octobre, au responsive Web design avec des versions optimisées pour smartphones et tablettes qui offrent même l’accès aux archives remontant jusqu’en 1923! Time.com est d’ailleurs le premier grand site d’information à franchir le pas.
Un contenu unique qui s’adapte à toutes sortes et toutes tailles de supports : la convergence frappe à nos portes soutenue par le responsive Web design et l’avènement du langage de programmation HTML5 aux nouvelles fonctionnalités résolument innovantes.
Le département communication de Vanksen - Vicky Balnave, Marie-Magali Sarry
et Christophe Dos Santos - décrypte pour VOUS les forces en marche avec des mots simples pour que la révolution de la convergence et de la mobilité soient embrassées par le plus grand nombre.
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.
#ScalaBigDay
Jeudi 12 juin 2014
"Saisir les nouveaux enjeux de la mobilité et exploiter le potentiel du mobile" (Salle 5, 16h30 - 17h30)
Speaker : Mathieu Molinaro (@MatMolinaro)
Nouveaux comportements des consommateurs: quelles evolutions ergonomiques, vi...polenumerique33
Aujourd'hui le web est omniprésent dans la sphère professionnelle et personnelle ( loisirs, shopping...)
Le comportement des internautes évolue avec la multiplication des supports connectés. Un même consommateur est plusieurs, en fonction de son device. Pour faire face à cette omniprésence du web et ces divers comportements, les entreprises doivent évoluer pour répondre au mieux aux attentes des utilisateurs.
En remettant l'utilisateur au cœur de l'expérience numérique, quelles sont les évolutions techniques, ergonomiques et visuelles à mettre en place pour faire face à ces nouveaux comportements ?
Animé par E-COD, Ecole de la Communication et de la Création Digitale, à Bordeaux. Orgnisé en partenariat avec le Pole Numérique de la CCIB
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.
Un Web accessible : accessibilité numérique pour certains, qualité et confort...Marc Maisonneuve
L’accessibilité d’un site aux personnes handicapées n’est une obligation légale que pour les services publics. Néanmoins, et parce que cela relève de l’éthique, tout éditeur de site web peut adopter ces bonnes pratiques et ce, sans surcoût excessif. Les bénéfices, pour l’utilisateur sur le plan du confort de lecture comme pour l’éditeur concernant son image de marque, sont appréciables. - Voir sur le site de l'ADBS : <http: />.
Animé par Eric Gateau (Responsable des études - Temesis)
Il vous reste 18 mois pour vous mettre en conformité avec le Référentiel Général d’Accessibilité pour les Administrations, afin de garantir l’accès à vos sites pour les clientèles en situation de handicap ? Quels sont ces obligations, contraintes et avantages ? Qu’est-ce que cela implique dans le développement de vos projets ?
Il vous reste 18 mois pour vous mettre en conformité avec le Référentiel Général d’Accessibilité pour les Administrations, afin de garantir l’accès à vos sites pour les clientèles en situation de handicap ? Quels sont ces obligations, contraintes et avantages ? Qu’est-ce que cela implique dans le développement de vos projets ?
Dans la vraie vie, (nous) développeurs, devons maîtriser un grand nombres de langages, pour le frontend, le backend, nous devons produire parfois très rapidement, sur des infrastructures non adaptées, trop peu performantes pour accueillir nos bons vieux CMS ! Voyons comment NodeJS, peut nous aider (dans la vraie vie)
Les nouvelles perspectives SEO - E-marketing en 2013Willy Leloutre
Les (e)consommateurs sont de plus en plus sollicités, et de moins en moins réceptifs aux messages publicitaires. En 2013, le SEO va s’encrer dans une démarche marketing, visant à faire venir les clients vers soi plutôt que d’aller vers eux de façon intrusive.
4. Les enjeux de l'accessibilité web
Le premier objectif du W3C par @timberners_lee :
« Mettre le Web et ses services à la disposition de tous les individus,
quelque soit leur matériel ou logiciel, leur infrastructure réseau, leur
langue maternelle, leur culture, leur localisation géographique, ou leur
aptitude physique ou mentale. »
Source : http://www.w3.org/Consortium/mission#principles
5. Les enjeux de l'accessibilité web
● Les mal-voyants sont 10 fois plus nombreux que les non voyants.
On peut donc se dire que l’ergonomie, les contrastes des
couleurs sont plus importants que les lecteurs en braille.
● Apprendre le braille est très complexe, et les lecteurs sont très
couteux (2000 € à 10000 € pour une plage braille) voilà pourquoi
les synthétiseurs vocaux sont si répendus.
● Les lecteurs d'écran comme Jaws (le plus répendu), coûtent
extrêmement cher. Prévoir 1000 dollars pour l’achat, puis encore
1000 dollars pour l'ajout de voix. NVDA (en open source) tend à
rattraper Jaws. Il existe également Windows Eyes pour windows,
VoiceOver pour Mac. Linux a également un lot de synthétiseurs
vocaux open source.
6. Les enjeux de l'accessibilité web
Les outils comme Andicap Zéro ou Readspecker sont des
synthétiseurs vocaux embarqués sur vos sites.
La première problématique concernant ces outils,
reste de les trouver sur vos pages web !
Souvent cachés derrière un minuscule bouton, ces gadgets ciblent
malheureusement trop peu de personnes, et demandent un
accompagnateur pour les utiliser correctement.
7. Les enjeux de l'accessibilité web
Les nouveaux services de commandes vocales comme : Dragon
speaking, Siri (pour IOS), Windows 7, peuvent être des atouts majeurs
pour certains handicapés, toutefois une bonne élocution et un
environnement non bruyant sont nécessaires.
10. Les organismes & normes
Les organismes internationaux
● Le W3C "World Wide Web Consortium" est une
communauté internationale qui développe des
normes ouvertes pour assurer la croissance du Web.
● Le WAI "Web Accessibility Initiative" est un
workgroup au sein du W3C qui oeuvre à rendre le
Web accessible aux personnes handicapées et d'une
manière plus générale à toutes personnes, sans
nécessiter de pré-requis particuliers.
11. Les organismes & normes
Les normes internationales
● Les WCAG (Web content accessibility guidelines), sont les directives du
W3C concernant les contenus web. Elles sont développées par le W3C en
collaboration avec des organisations du monde entier. (Les WCAG se
décomposent en 12 règles générales, comprenant pour chacune des critères de
succès, visant à assurer un niveau de conformité : A, AA, AAA).
● Les directives UAAG (User agent accessibility guidelines), concernent les
navigateurs web.
● Les directives ATAG (Authoring Tool Accessibility Guidelines), concernent
les gestionnaires de contenu (CMS).
● Les directives ARIA (Accessible Rich Internet Applications Suite), plus
récentes, concernent les applications riches.
12. Les organismes & normes
Les organismes Français
● BrailleNet : Association loi 1901, a initialement
oeuvré à la création d'une bibliothèque numérique
de prêt pour des lecteurs handicapés visuels. Son
activité est aujourd'hui centrée sur l'accessibilité
numérique, c'est le fondateur du référentiel
Accessiweb.
● La DGME : Direction Générale de la Modernisation
de l’État, puis aujourd'hui Observatoire
interministériel de l’accessibilité et de la conception
universelle accessibilite.gouv.fr
13. Les référentiels Français
Accessiweb
● AccessiWeb est un service de l'association BrailleNet.
● C'est un référentiel qui (tout comme RGAA) propose des méthodes
d'application de la norme internationale WCAG
● C'est également un groupe de travail (GTA) qui rassemblait fin
2012 : 461 "Experts AccessiWeb en Evaluation" et 274
organismes.
14. Les référentiels Français
● AccessiWeb est aussi un label de qualité mesurant le niveau
d'accessibilité d'un site Web.
Variantes du label ! Exemple : Tous les critères
applicables de niveau Argent + 50 % des critères
applicables de niveau Or.
Accessiweb (niveau argent) couvre 102% de RGAA
et s'assimile au (niveau AA) des WCAG.
15. Les référentiels Français
RGAA (Un autre enfant des WCAG)
Référentiel Général d'Accessibilité pour les Administrations
Rédigé par la société Témésis, il se décompose en 12 thématiques :
Cadres, couleurs, formulaires, images, multimédia, navigation,
présentation, scripts, standards, structures,tableaux, textes.
Comment bien démarrer ? : RGAA.NET
RGAA.NET donne (entre autres) l'accès aux tests par niveau de difficulté & par
profil d’intervenant (Développeur et intégrateur / Graphiste et ergonome /
Rédacteur et contributeur).
16. Le RGAA : article et décret
L'article 47 de la loi n° 2005-102 du 11 février 2005 pour l’égalité des
droits et des chances, la participation et la citoyenneté des personnes
handicapées, fait de l’accessibilité une exigence pour tous les services
de communication publique en ligne de l’État, des collectivités
territoriales et des établissements publics qui en dépendent.
Le décret n°2009-546 du 14 mai 2009 (pris en application de l'article 47 de
la loi n° 2005-102 du 11 février 2005) impose une mise en œuvre de l’
accessibilité dans un délai de deux ans (à partir de la publication du
décret) pour les services de com' publique en ligne de l'Etat*, et de trois
ans pour les services de com' publique en ligne des collectivités
territoriales.
* Et des établissements publics qui en dépendent.
Source : http://references.modernisation.gouv.fr/rgaa-accessibilite
17. Les risques juridiques
Pour le moment, il n’y aura pas de pénalité pour les sites non
accessibles, mais des délations pourront entraîner la création d’une
« liste noir » des sites non accessibles. En 2015, les normes d’
accessibilités concernant l’aménagement du territoire seront,
passibles de poursuites si elles ne sont pas appliquées.
Aux Etats-Unis, les normes d’accessibilités se doivent d’être
respectées sous peine de poursuite. Là bas, on parle de « section 508
» (le RGAA de chez eux). Par exemple Target (l’équivalent de Casino
en France), a payé 6 millions de Dollars pour le caractère
discriminatoire de leur site non accessible. Un autre cas marquant était
le site web des JO de Sydney en 2000. Poursuivi suite à la réclamation
d'un Australien, aveugle, qui demandait des textes alternatifs aux
images, des résultats sportifs dans un tableau accessible pour les
lecteurs d'écran, ...
19. Les erreurs courantes
● Mauvaise utilisation des équivalents textuels
● Navigation au clavier non accessible
● Formulaires non accessibles
● Erreurs de sémantique dans la structure des contenus
● Contrastes des couleurs non adaptés
● Zoom Texte non adapté au design
● Utilisation de lib Javascript non accessible
● ...
● MANQUE DE TESTS, voir aucun test !
20. Les erreurs courantes
HTML5 favorise l'accessibilité... Oui mais votre navigateur supporte t-il
ces nouvelles fonctionnalités ?
21. Tester l'accessibilité de votre site
Connaissez vous Opquast ?
et Tanaguru ?
Des services en ligne (et logiciels libres)
pour industrialiser les tests d'accessibilité
web.
23. Le web mobile doit-il être accessible ?
Les normes d’accessibilité sur mobile sont les mêmes que sur les
autres devices.
Le web tend à être plus
accessible sur mobile
que sur desktop, rien qu’
au niveau du contenu
souvent épuré, l’
ergonomie simplifiée, les
aides d’accès aux
formulaires, ...
http://goo.gl/vVUtq & http://goo.gl/JcHwc
24. Le web mobile doit-il être accessible ?
L’iPhone connaît un gros succès auprès des handicapés, car il prend
très bien en charge l’accessibilité, nativement depuis son lancement.
C’est moins le cas pour Android, qui prend en compte l'accessibilité
depuis la version 1.6 de son OS (réellement utilisable à partir de la
version 4.0 !).
26. L'accessibilité universelle !
Les appareils mobiles laissent place à une future vague de sites plus
adaptés au "monde réel" !
La géolocalisation et détection de mouvement engendreront de
nouveaux besoins en accessibilité web.
27. L'accessibilité universelle !
Imaginez être capable d'augmenter la taille des polices et des zones
cliquables si le capteur de mouvement indique que l'utilisateur se
déplace en marchant ou en courant, ou plus simplement, selon la
lumière ambiante ou les niveaux sonores.
29. Faites de la veille !
● twitter.com/wleloutre/accessibilite
30. Conclusion
Les technologies évoluent,
l'accessibilité web aussi !
De nombreux critères n’ont
aucun impact en terme de
budget et de délai si ils sont
pris en compte dès les phases
initiales de conception.
L'accessibilité, ce n'est pas que
pour les organismes publics !
31. Merci !
Des Questions ?
Willy Leloutre - @wleloutre