SlideShare ist ein Scribd-Unternehmen logo
1 von 18
Introduction à                          26 avril 2012

    l‘accessibilité                         Carine Rivière
                                            riviere@telono.com
    > Définition, avantages, référentiels
                                            Telono SA
                                            telono.com



30/04/2012   slide ‹#›   v1.0               Telono SA | telono.com
Définition

      « Mettre le web et ses services à la disposition de
         tous les individus quel que soit leur matériel ou
             logiciel, leur infrastructure réseau, leur langue
                    maternelle, leur culture, leur localisation
         géographique, ou leurs aptitudes physiques ou
                                   mentales. »


                                        Tim Berner-Lee (Fondateur du W3C)

30/04/2012   slide ‹#›   v1.0                           Telono SA | telono.com
Introduction




                                L’accessibilité du web?

                                       « Non-voyants »
                                        « Compliqué »
                                   « Contrainte graphique »
                                        « Coût élevé »


30/04/2012   slide ‹#›   v1.0                             Telono SA | telono.com
Préjugé 1: L’accessibilité ne profite
    qu’aux non-voyants


30/04/2012   slide ‹#›   v1.0   Telono SA | telono.com
Qui est concerné par l’accessibilité ?
  Population suisse             Personnes atteintes de handicap



                                  Visuel      Auditif    Moteur        Cognitif

                                Handicaps temporaires
                                Illettrés
                                Personnes âgées
                                Problèmes de vision
                                Utilisateurs de téléphone mobile ou autres
                                systèmes

                                           Tous les utilisateurs!



30/04/2012   slide ‹#›   v1.0                                Telono SA | telono.com
Autres avantages
     Elargissement de l’audience

     Amélioration du référencement naturel

     Maintenance et entretien du site facilités

     Portabilité du site

     Meilleure image de l’entreprise

     Obligation légale




30/04/2012   slide ‹#›   v1.0                     Telono SA | telono.com
Préjugé 2: L’accessibilité c’est
    complexe


30/04/2012   slide ‹#›   v1.0   Telono SA | telono.com
Commençons par le référentiel…
     Web Content Accessibility Guidelines – Version 2.0

             Structure
                   4 Principes > 12 Guidelines > 61 Critères de Succès


             3 niveaux d’accessibilité
                   A

                   AA

                   AAA




… puis les tests automatiques
     W3C html validator
     Tanaguru

30/04/2012   slide ‹#›   v1.0                                            Telono SA | telono.com
… mais les robots ne sont pas des personnes…
Les tests manuels
  Les méthodologies
             Accessiweb
             Accès Pour Tous
             W3C

     Les barres d’outils (Exemple: Web Developer pour Firefox)

     Les technologies d’assistance
             Agrandisseurs d’écran
             Lecteurs d’écran (JAWS)

     Experts
             Voyant
             Non-voyant
             Autres handicaps

30/04/2012   slide ‹#›   v1.0                           Telono SA | telono.com
… mais les experts ne sont pas les utilisateurs réels
Tests utilisateurs

     Permettre à vos
     utilisateurs cible
     d’utiliser le site web ou
     un prototype du site web
     pour réaliser des taches
     qui nous permettront de
     voir si le site est
     accessible (et
     ergonomique).




30/04/2012   slide ‹#›   v1.0        Telono SA | telono.com
Préjugé 3: L’accessibilité empêche la
    création graphique


30/04/2012   slide ‹#›   v1.0   Telono SA | telono.com
Accessibilité et graphisme




                                             LaSalle Beauvais




  Finistère Accessible




30/04/2012   slide ‹#›   v1.0   Telono SA | telono.com
Préjugé 4: L’accessibilité coûte chère



30/04/2012   slide ‹#›   v1.0   Telono SA | telono.com
L’accessibilité dans les projets
                                                  Expert
     Intégrer
     Former




30/04/2012   slide ‹#›   v1.0      Telono SA | telono.com
Conclusion



30/04/2012   slide ‹#›   v1.0   Telono SA | telono.com
Suite du programme de la journée
Partie 1 - Matinée « Introduction à l’accessibilité du web »

     9h30 - 10h15: Accès au contenu web par les personnes handicapées de la vue :
     stratégie et difficultés rencontrées
             Julien Conti, Etat de Genève et Christophe Oberson, Service Romand d’Informatique
             pour Handicapés de la Vue

     10h15 - 10h30: Pause

     10h30 - 11h30: Des recommandations internationales pour l’accessibilité: WCAG
     2.0 et introduction à ARIA
             Jean-Pierre Villain, Qelios

     11h30 – 12h15: Optimisation de l’accessibilité & « Responsive Design » : étude
     de cas
             Donato Rotunno, Liip

     12h15 – 13h45: Déjeuner



30/04/2012   slide ‹#›   v1.0                                          Telono SA | telono.com
Suite du programme de la journée
Partie 2 - Après-midi « L’accessibilité du web: pour aller plus loin »

     13h45: Ouverture et accueil des participants

     14h00 – 14h45: L’accessibilité du Web en Suisse : loi, avancées, certification
             Markus Riesch et Daniele Corciulo, Fondation Accès pour tous

     14h45 - 15h30: L’accessibilité de demain : les nouvelles technologies
             Jean-Pierre Villain, Qelios

     15h30 - 16h00: Pause

     16h00 – 16h45: Accessibilité et ergonomie web : concevoir pour tous
             Carine Rivière et Laetitia Giannettini, Telono

     16h45 – 17h45: L’intégration de l’accessibilité dans les projets web : étude de cas
             Laetitia Giannettini, Telono et Yannick Guerdat, Artionet

     17h45 - 18h00: Synthèse et conclusion




30/04/2012   slide ‹#›   v1.0                                               Telono SA | telono.com
26 avril 2012


    Telono                      Carine Rivière
    Mail: contact@telono.com    riviere@telono.com
    Tél.: +41 22 755 00 00
                                Telono SA
                                telono.com



30/04/2012   slide ‹#›   v1.0   Telono SA | telono.com

Weitere ähnliche Inhalte

Ähnlich wie Introduction à l'accessibilité du Web

Ergonomie et accessibilité du Web
Ergonomie et accessibilité du WebErgonomie et accessibilité du Web
Ergonomie et accessibilité du WebGenève Lab
 
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...Isabelle Motte
 
Accessibilité numérique, mais au fait de quoi on parle ?
Accessibilité numérique, mais au fait de quoi on parle ?Accessibilité numérique, mais au fait de quoi on parle ?
Accessibilité numérique, mais au fait de quoi on parle ?Delphine Malassingne
 
Les TIC et l'art : l'Accessibilité numérique
Les TIC et l'art : l'Accessibilité numériqueLes TIC et l'art : l'Accessibilité numérique
Les TIC et l'art : l'Accessibilité numériqueLesticetlart Invisu
 
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
 
Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...
Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...
Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...echangeurba
 
Accessibilité 2.0, bien plus qu'un slogan
Accessibilité 2.0, bien plus qu'un sloganAccessibilité 2.0, bien plus qu'un slogan
Accessibilité 2.0, bien plus qu'un sloganPierre GUILLOU
 
Intégrer l accessibilité dans une démarche qualité | W3Café
Intégrer l accessibilité dans une démarche qualité | W3CaféIntégrer l accessibilité dans une démarche qualité | W3Café
Intégrer l accessibilité dans une démarche qualité | W3CaféDelphine Malassingne
 
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
 
Flupa 2010 Personas Ghislain Sillaume
Flupa 2010 Personas Ghislain SillaumeFlupa 2010 Personas Ghislain Sillaume
Flupa 2010 Personas Ghislain SillaumeFlupa
 
Handicap et accessibilité : où en est le e-learning ?
Handicap et  accessibilité : où en est le e-learning ?Handicap et  accessibilité : où en est le e-learning ?
Handicap et accessibilité : où en est le e-learning ?UnI Learning France
 
Le Comptoir OCTO - Accessibilité
Le Comptoir OCTO - Accessibilité Le Comptoir OCTO - Accessibilité
Le Comptoir OCTO - Accessibilité OCTO Technology
 
Propulsez votre architecture grâce au TDD et aux mocks (Agile Québec 2013)
Propulsez votre architecture grâce au TDD et aux mocks (Agile Québec 2013)Propulsez votre architecture grâce au TDD et aux mocks (Agile Québec 2013)
Propulsez votre architecture grâce au TDD et aux mocks (Agile Québec 2013)Elapse Technologies
 
Accessibilité web
Accessibilité webAccessibilité web
Accessibilité webCleverToday
 
Le dispositif « Pédagogie & TICE » : une offre de services mutualisés en péda...
Le dispositif « Pédagogie & TICE » : une offre de services mutualisés en péda...Le dispositif « Pédagogie & TICE » : une offre de services mutualisés en péda...
Le dispositif « Pédagogie & TICE » : une offre de services mutualisés en péda...GROLLEAU Anne-Céline
 
Accessibilité numérique : où en est-on ?
Accessibilité numérique : où en est-on ? Accessibilité numérique : où en est-on ?
Accessibilité numérique : où en est-on ? FFFOD
 

Ähnlich wie Introduction à l'accessibilité du Web (20)

Ergonomie et accessibilité du Web
Ergonomie et accessibilité du WebErgonomie et accessibilité du Web
Ergonomie et accessibilité du Web
 
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
 
Accessibilité numérique, mais au fait de quoi on parle ?
Accessibilité numérique, mais au fait de quoi on parle ?Accessibilité numérique, mais au fait de quoi on parle ?
Accessibilité numérique, mais au fait de quoi on parle ?
 
Les TIC et l'art : l'Accessibilité numérique
Les TIC et l'art : l'Accessibilité numériqueLes TIC et l'art : l'Accessibilité numérique
Les TIC et l'art : l'Accessibilité numérique
 
#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)
 
Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...
Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...
Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...
 
Accessibilité 2.0, bien plus qu'un slogan
Accessibilité 2.0, bien plus qu'un sloganAccessibilité 2.0, bien plus qu'un slogan
Accessibilité 2.0, bien plus qu'un slogan
 
Intégrer l accessibilité dans une démarche qualité | W3Café
Intégrer l accessibilité dans une démarche qualité | W3CaféIntégrer l accessibilité dans une démarche qualité | W3Café
Intégrer l accessibilité dans une démarche qualité | W3Café
 
130516-AccessibiliteAAS-Soutenance-LAST
130516-AccessibiliteAAS-Soutenance-LAST130516-AccessibiliteAAS-Soutenance-LAST
130516-AccessibiliteAAS-Soutenance-LAST
 
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
 
4eme rencontre des EPI
4eme rencontre des EPI4eme rencontre des EPI
4eme rencontre des EPI
 
Diaporama 1
Diaporama 1Diaporama 1
Diaporama 1
 
Flupa 2010 Personas Ghislain Sillaume
Flupa 2010 Personas Ghislain SillaumeFlupa 2010 Personas Ghislain Sillaume
Flupa 2010 Personas Ghislain Sillaume
 
Handicap et accessibilité : où en est le e-learning ?
Handicap et  accessibilité : où en est le e-learning ?Handicap et  accessibilité : où en est le e-learning ?
Handicap et accessibilité : où en est le e-learning ?
 
Le Comptoir OCTO - Accessibilité
Le Comptoir OCTO - Accessibilité Le Comptoir OCTO - Accessibilité
Le Comptoir OCTO - Accessibilité
 
Propulsez votre architecture grâce au TDD et aux mocks (Agile Québec 2013)
Propulsez votre architecture grâce au TDD et aux mocks (Agile Québec 2013)Propulsez votre architecture grâce au TDD et aux mocks (Agile Québec 2013)
Propulsez votre architecture grâce au TDD et aux mocks (Agile Québec 2013)
 
Accessibilité web
Accessibilité webAccessibilité web
Accessibilité web
 
Le dispositif « Pédagogie & TICE » : une offre de services mutualisés en péda...
Le dispositif « Pédagogie & TICE » : une offre de services mutualisés en péda...Le dispositif « Pédagogie & TICE » : une offre de services mutualisés en péda...
Le dispositif « Pédagogie & TICE » : une offre de services mutualisés en péda...
 
Accessibilité numérique : où en est-on ?
Accessibilité numérique : où en est-on ? Accessibilité numérique : où en est-on ?
Accessibilité numérique : où en est-on ?
 

Introduction à l'accessibilité du Web

  • 1. Introduction à 26 avril 2012 l‘accessibilité Carine Rivière riviere@telono.com > Définition, avantages, référentiels Telono SA telono.com 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 2. Définition « Mettre le web et ses services à la disposition de tous les individus quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. » Tim Berner-Lee (Fondateur du W3C) 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 3. Introduction L’accessibilité du web? « Non-voyants » « Compliqué » « Contrainte graphique » « Coût élevé » 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 4. Préjugé 1: L’accessibilité ne profite qu’aux non-voyants 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 5. Qui est concerné par l’accessibilité ? Population suisse Personnes atteintes de handicap Visuel Auditif Moteur Cognitif Handicaps temporaires Illettrés Personnes âgées Problèmes de vision Utilisateurs de téléphone mobile ou autres systèmes Tous les utilisateurs! 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 6. Autres avantages Elargissement de l’audience Amélioration du référencement naturel Maintenance et entretien du site facilités Portabilité du site Meilleure image de l’entreprise Obligation légale 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 7. Préjugé 2: L’accessibilité c’est complexe 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 8. Commençons par le référentiel… Web Content Accessibility Guidelines – Version 2.0 Structure 4 Principes > 12 Guidelines > 61 Critères de Succès 3 niveaux d’accessibilité A AA AAA … puis les tests automatiques W3C html validator Tanaguru 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 9. … mais les robots ne sont pas des personnes… Les tests manuels Les méthodologies Accessiweb Accès Pour Tous W3C Les barres d’outils (Exemple: Web Developer pour Firefox) Les technologies d’assistance Agrandisseurs d’écran Lecteurs d’écran (JAWS) Experts Voyant Non-voyant Autres handicaps 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 10. … mais les experts ne sont pas les utilisateurs réels Tests utilisateurs Permettre à vos utilisateurs cible d’utiliser le site web ou un prototype du site web pour réaliser des taches qui nous permettront de voir si le site est accessible (et ergonomique). 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 11. Préjugé 3: L’accessibilité empêche la création graphique 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 12. Accessibilité et graphisme LaSalle Beauvais Finistère Accessible 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 13. Préjugé 4: L’accessibilité coûte chère 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 14. L’accessibilité dans les projets Expert Intégrer Former 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 15. Conclusion 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 16. Suite du programme de la journée Partie 1 - Matinée « Introduction à l’accessibilité du web » 9h30 - 10h15: Accès au contenu web par les personnes handicapées de la vue : stratégie et difficultés rencontrées Julien Conti, Etat de Genève et Christophe Oberson, Service Romand d’Informatique pour Handicapés de la Vue 10h15 - 10h30: Pause 10h30 - 11h30: Des recommandations internationales pour l’accessibilité: WCAG 2.0 et introduction à ARIA Jean-Pierre Villain, Qelios 11h30 – 12h15: Optimisation de l’accessibilité & « Responsive Design » : étude de cas Donato Rotunno, Liip 12h15 – 13h45: Déjeuner 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 17. Suite du programme de la journée Partie 2 - Après-midi « L’accessibilité du web: pour aller plus loin » 13h45: Ouverture et accueil des participants 14h00 – 14h45: L’accessibilité du Web en Suisse : loi, avancées, certification Markus Riesch et Daniele Corciulo, Fondation Accès pour tous 14h45 - 15h30: L’accessibilité de demain : les nouvelles technologies Jean-Pierre Villain, Qelios 15h30 - 16h00: Pause 16h00 – 16h45: Accessibilité et ergonomie web : concevoir pour tous Carine Rivière et Laetitia Giannettini, Telono 16h45 – 17h45: L’intégration de l’accessibilité dans les projets web : étude de cas Laetitia Giannettini, Telono et Yannick Guerdat, Artionet 17h45 - 18h00: Synthèse et conclusion 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com
  • 18. 26 avril 2012 Telono Carine Rivière Mail: contact@telono.com riviere@telono.com Tél.: +41 22 755 00 00 Telono SA telono.com 30/04/2012 slide ‹#› v1.0 Telono SA | telono.com

Hinweis der Redaktion

  1. Bonjour à tous,Comme on ne connait pas le niveau de chacun en accessibilité, nous avons pensé qu’il était utile de faire un petit rappel. Pour cela je partirai des préjugés qu’ont certaines personnes par rapport à l’accessibilité.