SlideShare une entreprise Scribd logo
1  sur  32
Télécharger pour lire hors ligne
L’accessibilité web
pour les organismes
publics


Willy Leloutre -   @wleloutre
Accessibilité
          ==
  Organismes publics

Aujourd'hui, l'accessibilité web est très souvent associée
aux sites "publics"... Désolé pour les autres !
Les enjeux de l'accessibilité web
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
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.
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.
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.
Les différents types de handicap
L’ordinateur des aveugles




       youtube.com/user/TheAccesskey
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.
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.
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
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.
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.
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).
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
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, ...
De la théorie à la pratique
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 !
Les erreurs courantes

HTML5 favorise l'accessibilité... Oui mais votre navigateur supporte t-il
ces nouvelles fonctionnalités ?
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.
Tester l'accessibilité de votre site
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
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 !).
?
Alors qu'en pensez-vous ?
L'accessibilité, ce n'est que pour les organismes publics ?
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.
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.
Comment se former ?
Faites de la veille !

● twitter.com/wleloutre/accessibilite
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 !
Merci !




               Des Questions ?




 Willy Leloutre -   @wleloutre
L’accessibilité web
pour les organismes
publics tous ;)


Willy Leloutre -   @wleloutre

Contenu connexe

En vedette

Londres diapo
Londres diapoLondres diapo
Londres diapobenoitbte
 
Présentation premium 2010
Présentation premium 2010Présentation premium 2010
Présentation premium 2010La Tribune
 
HAITI: PETITE HISTOIRE DES BANDES ARMEES
HAITI: PETITE HISTOIRE DES BANDES ARMEESHAITI: PETITE HISTOIRE DES BANDES ARMEES
HAITI: PETITE HISTOIRE DES BANDES ARMEESStanleylucas
 
Aparell digestiu
Aparell digestiuAparell digestiu
Aparell digestiudtors
 
Packs prisma latribune regie juin 2011
Packs prisma latribune regie juin 2011Packs prisma latribune regie juin 2011
Packs prisma latribune regie juin 2011La Tribune
 
12e30c222e5e4aa07ae9bdaeee07d775 fiscalite-d-entreprise-les-revenus-fonciers
12e30c222e5e4aa07ae9bdaeee07d775 fiscalite-d-entreprise-les-revenus-fonciers12e30c222e5e4aa07ae9bdaeee07d775 fiscalite-d-entreprise-les-revenus-fonciers
12e30c222e5e4aa07ae9bdaeee07d775 fiscalite-d-entreprise-les-revenus-foncierschaimaa812
 
La régente de carthage: main basse sur la Tunisie
La régente de carthage: main basse sur la TunisieLa régente de carthage: main basse sur la Tunisie
La régente de carthage: main basse sur la TunisieFlen Al Foulen
 
Hays Journal 6 - Connaissances VS compétences : privilégier l’aptitude à app...
Hays Journal 6 - Connaissances VS compétences :  privilégier l’aptitude à app...Hays Journal 6 - Connaissances VS compétences :  privilégier l’aptitude à app...
Hays Journal 6 - Connaissances VS compétences : privilégier l’aptitude à app...Hays France
 
Travaux bio
Travaux bioTravaux bio
Travaux bioarlettaz
 
À quoi sert la promotion de la santé ?
À quoi sert la promotion de la santé ?À quoi sert la promotion de la santé ?
À quoi sert la promotion de la santé ?valéry ridde
 
Campagne institutionnelle la tribune
Campagne institutionnelle la tribuneCampagne institutionnelle la tribune
Campagne institutionnelle la tribuneLa Tribune
 
Quand j'habitais à québec.as
Quand j'habitais à québec.asQuand j'habitais à québec.as
Quand j'habitais à québec.asAdela Rojas
 
Invention
InventionInvention
Inventionguib414
 
Dossier inscription projets Festival de la Communication Santé 2013
Dossier inscription projets Festival de la Communication Santé 2013Dossier inscription projets Festival de la Communication Santé 2013
Dossier inscription projets Festival de la Communication Santé 2013Festival de la Communication Santé
 

En vedette (20)

Londres diapo
Londres diapoLondres diapo
Londres diapo
 
Présentation premium 2010
Présentation premium 2010Présentation premium 2010
Présentation premium 2010
 
HAITI: PETITE HISTOIRE DES BANDES ARMEES
HAITI: PETITE HISTOIRE DES BANDES ARMEESHAITI: PETITE HISTOIRE DES BANDES ARMEES
HAITI: PETITE HISTOIRE DES BANDES ARMEES
 
Mailing japon
Mailing japon Mailing japon
Mailing japon
 
Aparell digestiu
Aparell digestiuAparell digestiu
Aparell digestiu
 
Packs prisma latribune regie juin 2011
Packs prisma latribune regie juin 2011Packs prisma latribune regie juin 2011
Packs prisma latribune regie juin 2011
 
12e30c222e5e4aa07ae9bdaeee07d775 fiscalite-d-entreprise-les-revenus-fonciers
12e30c222e5e4aa07ae9bdaeee07d775 fiscalite-d-entreprise-les-revenus-fonciers12e30c222e5e4aa07ae9bdaeee07d775 fiscalite-d-entreprise-les-revenus-fonciers
12e30c222e5e4aa07ae9bdaeee07d775 fiscalite-d-entreprise-les-revenus-fonciers
 
La régente de carthage: main basse sur la Tunisie
La régente de carthage: main basse sur la TunisieLa régente de carthage: main basse sur la Tunisie
La régente de carthage: main basse sur la Tunisie
 
Octobre 2005
Octobre 2005Octobre 2005
Octobre 2005
 
Hays Journal 6 - Connaissances VS compétences : privilégier l’aptitude à app...
Hays Journal 6 - Connaissances VS compétences :  privilégier l’aptitude à app...Hays Journal 6 - Connaissances VS compétences :  privilégier l’aptitude à app...
Hays Journal 6 - Connaissances VS compétences : privilégier l’aptitude à app...
 
C.n.s
C.n.sC.n.s
C.n.s
 
Billetterie Nationale
Billetterie  NationaleBilletterie  Nationale
Billetterie Nationale
 
Travaux bio
Travaux bioTravaux bio
Travaux bio
 
À quoi sert la promotion de la santé ?
À quoi sert la promotion de la santé ?À quoi sert la promotion de la santé ?
À quoi sert la promotion de la santé ?
 
Campagne institutionnelle la tribune
Campagne institutionnelle la tribuneCampagne institutionnelle la tribune
Campagne institutionnelle la tribune
 
Test MP2
Test MP2Test MP2
Test MP2
 
Quand j'habitais à québec.as
Quand j'habitais à québec.asQuand j'habitais à québec.as
Quand j'habitais à québec.as
 
Invention
InventionInvention
Invention
 
Wikileaks
Wikileaks Wikileaks
Wikileaks
 
Dossier inscription projets Festival de la Communication Santé 2013
Dossier inscription projets Festival de la Communication Santé 2013Dossier inscription projets Festival de la Communication Santé 2013
Dossier inscription projets Festival de la Communication Santé 2013
 

Similaire à L’accessibilité web pour les organismes publics

Convergence et mobilité des contenus
Convergence et mobilité des contenus Convergence et mobilité des contenus
Convergence et mobilité des contenus Vanksen
 
20120124 03 - Human Centric Solutions - Accessibilité et mobilité
20120124 03 - Human Centric Solutions - Accessibilité et mobilité20120124 03 - Human Centric Solutions - Accessibilité et mobilité
20120124 03 - Human Centric Solutions - Accessibilité et mobilitéLeClubQualiteLogicielle
 
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...Ametys
 
#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...Cap'Com
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)SCALA
 
Communication digitale
Communication digitaleCommunication digitale
Communication digitaleChris Gaillard
 
Nouveaux comportements des consommateurs: quelles evolutions ergonomiques, vi...
Nouveaux comportements des consommateurs: quelles evolutions ergonomiques, vi...Nouveaux comportements des consommateurs: quelles evolutions ergonomiques, vi...
Nouveaux comportements des consommateurs: quelles evolutions ergonomiques, vi...polenumerique33
 
Chp1 - Introduction au Développement Mobile
Chp1 - Introduction au Développement MobileChp1 - Introduction au Développement Mobile
Chp1 - Introduction au Développement MobileLilia Sfaxi
 
WCAG et l’accessibilité du Web
WCAG et l’accessibilité du WebWCAG et l’accessibilité du Web
WCAG et l’accessibilité du WebQelios
 
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !Rossi Oddet
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutterJulien Saumande
 
Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...Marc Maisonneuve
 
L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...
L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...
L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...Access42
 
Accessibilité du Web et RGAA
Accessibilité du Web et RGAAAccessibilité du Web et RGAA
Accessibilité du Web et RGAAFabrice CROIZE
 
Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...maclic
 
Concevoir un site accessible avec le RGAA (2010)
Concevoir un site accessible avec le RGAA (2010)Concevoir un site accessible avec le RGAA (2010)
Concevoir un site accessible avec le RGAA (2010)Ardesi Midi-Pyrénées
 
Accessibilite du web Collectif filière 13112012
Accessibilite du web Collectif filière 13112012Accessibilite du web Collectif filière 13112012
Accessibilite du web Collectif filière 13112012Le Moulin Digital
 

Similaire à L’accessibilité web pour les organismes publics (20)

La Norme Wai
La Norme WaiLa Norme Wai
La Norme Wai
 
Diaporama 1
Diaporama 1Diaporama 1
Diaporama 1
 
Convergence et mobilité des contenus
Convergence et mobilité des contenus Convergence et mobilité des contenus
Convergence et mobilité des contenus
 
20120124 03 - Human Centric Solutions - Accessibilité et mobilité
20120124 03 - Human Centric Solutions - Accessibilité et mobilité20120124 03 - Human Centric Solutions - Accessibilité et mobilité
20120124 03 - Human Centric Solutions - Accessibilité et mobilité
 
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
 
#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)
 
Communication digitale
Communication digitaleCommunication digitale
Communication digitale
 
Nouveaux comportements des consommateurs: quelles evolutions ergonomiques, vi...
Nouveaux comportements des consommateurs: quelles evolutions ergonomiques, vi...Nouveaux comportements des consommateurs: quelles evolutions ergonomiques, vi...
Nouveaux comportements des consommateurs: quelles evolutions ergonomiques, vi...
 
Chp1 - Introduction au Développement Mobile
Chp1 - Introduction au Développement MobileChp1 - Introduction au Développement Mobile
Chp1 - Introduction au Développement Mobile
 
WCAG et l’accessibilité du Web
WCAG et l’accessibilité du WebWCAG et l’accessibilité du Web
WCAG et l’accessibilité du Web
 
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
 
Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...
 
L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...
L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...
L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...
 
Accessibilité du Web et RGAA
Accessibilité du Web et RGAAAccessibilité du Web et RGAA
Accessibilité du Web et RGAA
 
Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...
 
#Et6-At12-Accessibilité
#Et6-At12-Accessibilité#Et6-At12-Accessibilité
#Et6-At12-Accessibilité
 
Concevoir un site accessible avec le RGAA (2010)
Concevoir un site accessible avec le RGAA (2010)Concevoir un site accessible avec le RGAA (2010)
Concevoir un site accessible avec le RGAA (2010)
 
Accessibilite du web Collectif filière 13112012
Accessibilite du web Collectif filière 13112012Accessibilite du web Collectif filière 13112012
Accessibilite du web Collectif filière 13112012
 

Plus de Willy Leloutre

Il était une fois le Marketing digital
Il était une fois le Marketing digitalIl était une fois le Marketing digital
Il était une fois le Marketing digitalWilly Leloutre
 
Le Web Offline & les APIs de contrôle Javascript
Le Web Offline & les APIs de contrôle JavascriptLe Web Offline & les APIs de contrôle Javascript
Le Web Offline & les APIs de contrôle JavascriptWilly Leloutre
 
Les nouvelles perspectives SEO - E-marketing en 2013
Les nouvelles perspectives SEO - E-marketing en 2013Les nouvelles perspectives SEO - E-marketing en 2013
Les nouvelles perspectives SEO - E-marketing en 2013Willy Leloutre
 
Performances Web Mobile
Performances Web MobilePerformances Web Mobile
Performances Web MobileWilly Leloutre
 

Plus de Willy Leloutre (6)

Il était une fois le Marketing digital
Il était une fois le Marketing digitalIl était une fois le Marketing digital
Il était une fois le Marketing digital
 
NodeJs in real life
NodeJs in real lifeNodeJs in real life
NodeJs in real life
 
Le HTML5 & les API
Le HTML5 & les APILe HTML5 & les API
Le HTML5 & les API
 
Le Web Offline & les APIs de contrôle Javascript
Le Web Offline & les APIs de contrôle JavascriptLe Web Offline & les APIs de contrôle Javascript
Le Web Offline & les APIs de contrôle Javascript
 
Les nouvelles perspectives SEO - E-marketing en 2013
Les nouvelles perspectives SEO - E-marketing en 2013Les nouvelles perspectives SEO - E-marketing en 2013
Les nouvelles perspectives SEO - E-marketing en 2013
 
Performances Web Mobile
Performances Web MobilePerformances Web Mobile
Performances Web Mobile
 

L’accessibilité web pour les organismes publics

  • 1. L’accessibilité web pour les organismes publics Willy Leloutre - @wleloutre
  • 2. Accessibilité == Organismes publics Aujourd'hui, l'accessibilité web est très souvent associée aux sites "publics"... Désolé pour les autres !
  • 3. Les enjeux de l'accessibilité web
  • 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.
  • 8. Les différents types de handicap
  • 9. L’ordinateur des aveugles youtube.com/user/TheAccesskey
  • 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, ...
  • 18. De la théorie à la pratique
  • 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 !).
  • 25. ? Alors qu'en pensez-vous ? L'accessibilité, ce n'est que pour les organismes publics ?
  • 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
  • 32. L’accessibilité web pour les organismes publics tous ;) Willy Leloutre - @wleloutre