SlideShare une entreprise Scribd logo
1  sur  14
Télécharger pour lire hors ligne
WAI
Web Accessibility Initiative
“Je suis l’une des
650 millions de personnes
  dans le monde à être
    aussi internaute.“




                            2
“Moi aussi…“




               3
“Elle aussi…“




                4
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
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
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
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
Exemples de sites conformes à la norme WAI




Version Standard
 http://www.dannemarie.fr




                                             9
Exemples de sites conformes à la norme WAI




Version Malvoyants
   http://www.dannemarie.fr




                                                    10
Exemples de sites conformes à la norme WAI




Version Contrastée
   http://www.dannemarie.fr




                                             11
Exemples de sites conformes à la norme WAI




     Version Standard             Version Malvoyants
         http://www.cc-rhin.fr.




                                                       12
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
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

Contenu connexe

Similaire à La Norme Wai

L’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsL’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsWilly Leloutre
 
Communication digitale
Communication digitaleCommunication digitale
Communication digitaleChris Gaillard
 
WCAG et l’accessibilité du Web
WCAG et l’accessibilité du WebWCAG et l’accessibilité du Web
WCAG et l’accessibilité du WebQelios
 
Accessibilité du Web et RGAA
Accessibilité du Web et RGAAAccessibilité du Web et RGAA
Accessibilité du Web et RGAAFabrice CROIZE
 
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
 
Accessibilité numérique: premiers pas, Les TIC et l'art, 10 avril 2014
Accessibilité numérique: premiers pas, Les TIC et l'art, 10 avril 2014Accessibilité numérique: premiers pas, Les TIC et l'art, 10 avril 2014
Accessibilité numérique: premiers pas, Les TIC et l'art, 10 avril 2014Lesticetlart Invisu
 
Accessibilite Numerique
Accessibilite NumeriqueAccessibilite Numerique
Accessibilite NumeriqueSam Caba
 
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
 
Développement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practicesDéveloppement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practicesLaFrenchMobile
 
HTML5 W3C Conference Euratechnologie
HTML5 W3C Conference EuratechnologieHTML5 W3C Conference Euratechnologie
HTML5 W3C Conference Euratechnologiewyggio
 
Livres Numériques / Web : Construire la Convergence
Livres Numériques / Web : Construire la ConvergenceLivres Numériques / Web : Construire la Convergence
Livres Numériques / Web : Construire la ConvergenceIvan Herman
 
OWF14 - Plenary Session : Tristan Nitot, Président Mozilla Europe
OWF14 - Plenary Session : Tristan Nitot, Président Mozilla EuropeOWF14 - Plenary Session : Tristan Nitot, Président Mozilla Europe
OWF14 - Plenary Session : Tristan Nitot, Président Mozilla EuropeParis Open Source Summit
 
W3C et les publications numériques
W3C et les publications numériquesW3C et les publications numériques
W3C et les publications numériquesIvan Herman
 
5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du Tarn5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du TarnLudovic Dublanchet
 
Internet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et SyndicationInternet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et SyndicationTarn Tourisme
 
9 outils de diffusion web
9 outils de diffusion web9 outils de diffusion web
9 outils de diffusion webnadysil
 
Radio France rencontre Drupal
Radio France rencontre DrupalRadio France rencontre Drupal
Radio France rencontre DrupalOlivier Friesse
 
XWiki SAS
XWiki SASXWiki SAS
XWiki SASXWiki
 
CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...
CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...
CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...Smile I.T is open
 
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
 

Similaire à La Norme Wai (20)

L’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsL’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publics
 
Communication digitale
Communication digitaleCommunication digitale
Communication digitale
 
WCAG et l’accessibilité du Web
WCAG et l’accessibilité du WebWCAG et l’accessibilité du Web
WCAG et l’accessibilité du Web
 
Accessibilité du Web et RGAA
Accessibilité du Web et RGAAAccessibilité du Web et RGAA
Accessibilité du Web et RGAA
 
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...
 
Accessibilité numérique: premiers pas, Les TIC et l'art, 10 avril 2014
Accessibilité numérique: premiers pas, Les TIC et l'art, 10 avril 2014Accessibilité numérique: premiers pas, Les TIC et l'art, 10 avril 2014
Accessibilité numérique: premiers pas, Les TIC et l'art, 10 avril 2014
 
Accessibilite Numerique
Accessibilite NumeriqueAccessibilite Numerique
Accessibilite Numerique
 
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...
 
Développement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practicesDéveloppement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practices
 
HTML5 W3C Conference Euratechnologie
HTML5 W3C Conference EuratechnologieHTML5 W3C Conference Euratechnologie
HTML5 W3C Conference Euratechnologie
 
Livres Numériques / Web : Construire la Convergence
Livres Numériques / Web : Construire la ConvergenceLivres Numériques / Web : Construire la Convergence
Livres Numériques / Web : Construire la Convergence
 
OWF14 - Plenary Session : Tristan Nitot, Président Mozilla Europe
OWF14 - Plenary Session : Tristan Nitot, Président Mozilla EuropeOWF14 - Plenary Session : Tristan Nitot, Président Mozilla Europe
OWF14 - Plenary Session : Tristan Nitot, Président Mozilla Europe
 
W3C et les publications numériques
W3C et les publications numériquesW3C et les publications numériques
W3C et les publications numériques
 
5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du Tarn5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du Tarn
 
Internet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et SyndicationInternet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et Syndication
 
9 outils de diffusion web
9 outils de diffusion web9 outils de diffusion web
9 outils de diffusion web
 
Radio France rencontre Drupal
Radio France rencontre DrupalRadio France rencontre Drupal
Radio France rencontre Drupal
 
XWiki SAS
XWiki SASXWiki SAS
XWiki SAS
 
CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...
CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...
CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...
 
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 !
 

La Norme Wai

  • 2. “Je suis l’une des 650 millions de personnes dans le monde à être aussi internaute.“ 2
  • 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