SlideShare une entreprise Scribd logo
1  sur  30
Télécharger pour lire hors ligne
Atelier Webmestres
             Loi sur le handicap
    Les défis de l’accessibilité numérique




© Temesis - 2005 – R Préfécture Midi-Pyrénées
 16 juin 2005 -eproduction strictement interdite   - Elie SLOÏM - Temesis   1
Présentation Intervenant : Elie SLOÏM



     Gérant de la société Temesis
        Formateur et consultant sur la qualité,
        l’accessibilité et la conformité des sites


                                Responsable qualité OpenWeb.eu.org
                                     Collectif de promotion des
                                     standards du Web


     Directeur du projet Opquast
          Liste publique de bonnes pratiques
          qualité pour les services en ligne

© Temesis - 2005 – Reproduction strictement interdite                2
Plan de l’intervention


     1 Les déficiences et les modes de navigation


                               2 Panorama des lois et standards



     3 En pratique : quelques exemples


                                4 Les effets induits de l’accessibilité


© Temesis - 2005 – Reproduction strictement interdite                       3
1 Déficiences et modes de navigation


Qu’est ce qu’un handicap ?

 En France, la loi d'orientation du 30 juin 1975 n'énonce
 volontairement pas de définition de la notion de
 handicap ou de personne handicapée.

 Raison :
 Ne pas s’enfermer dans une définition qui pourrait
 exclure des personnes.
                                 Source : la Documentation Française :
          http://www.vie-publique.fr/dossier_polpublic/handicap/chiffres_cles/chiffres_clefs.shtml




© Temesis - 2005 – Reproduction strictement interdite                                                4
1 Déficiences et modes de navigation


Les déficiences



          Déficiences sensorielles (aveugles, sourds ...)

          Déficiences cognitives (déficiences mentales ...)

          Déficiences motrices (bras cassé, tétraplégie ...)




© Temesis - 2005 – Reproduction strictement interdite               5
1 Déficiences et modes de navigation


Définition du handicap selon l’ONU


         Définition :
         Perte ou restriction des possibilités de participer à
         la vie de la collectivité à égalité avec les autres.

          Rapport entre le handicapé et son milieu
          État temporaire ou permanent


         Source ONU : http://www.un.org/esa/socdev/enable/faqs.htm


© Temesis - 2005 – Reproduction strictement interdite                 6
1 Déficiences et modes de navigation


Définition du handicap

     Art. L. 114. - Constitue un handicap, au sens de la
     présente loi, toute limitation d'activité ou restriction
     de participation à la vie en société subie dans son
     environnement par une personne en raison d'une
     altération substantielle, durable ou définitive d'une ou
     plusieurs fonctions physiques, sensorielles, mentales,
     cognitives ou psychiques, d'un polyhandicap ou d'un
     trouble de santé invalidant.

                                        Source : Légifrance
               http://www.legifrance.gouv.fr/WAspad/UnTexteDeJorf?numjo=SANX0300217L


© Temesis - 2005 – Reproduction strictement interdite                                  7
1 Déficiences et modes de navigation


Quelques chiffres

                        En France :
   • 1 500 000 personnes malvoyantes
   • 3 500 000 personnes malentendantes
   • 60 000 aveugles
   • 1 000 000 personnes souffrent d’un handicap mental
   • 850 000 d'un handicap moteur isolé
   • 1 400 000 d'un handicap moteur associé à d'autres
   déficiences.

         Sources : CEE, Ministère de la santé de la famille, et des personnes handicapés – avril 2003

© Temesis - 2005 – Reproduction strictement interdite                                                   8
1 Déficiences et modes de navigation


  Hétérogénéïté des modes de navigation

                     Connexion bas débit
                     Connaissances, compétences
                     Configurations différentes
                         • Système d’exploitation
                         • Navigateur, navigation
                         • Logiciels d’aide
                         • Résolution …
                     Matériels différents
                         • Pda, synthèse vocale…

© Temesis - 2005 – Reproduction strictement interdite               9
1 Déficiences et modes de navigation


Accessibilité universelle


                                           X
                            Personnes handicapées

                 Personnes en situation de handicap
                   (ou rencontrant des difficultés)
                        Tout le monde peut rencontrer des
                        difficultés - permanentes ou
                        temporaires.



© Temesis - 2005 – Reproduction strictement interdite               10
1 Déficiences et modes de navigation


Internet pour les personnes handicapées

          Les personnes handicapées utilisent Internet et
          ses services grâce à des matériels et/ou des
          logiciels adaptés. Ils l’utilisent pour :
                S’informer
                Communiquer
                Effectuer des démarches administratives
                Leurs activités professionnelles
                Leurs achats en ligne

© Temesis - 2005 – Reproduction strictement interdite               11
Plan de l’intervention



     1 Les déficiences et les modes de navigation


                               2 Panorama des lois et standards



     3 En pratique : quelques exemples


                                4 Les effets induits de l’accessibilité


© Temesis - 2005 – Reproduction strictement interdite                       12
2 Panorama des lois et standards


 Le World Wide Web Consortium




    Le W3C : World Wide Web Consortium
    «Fondé en octobre 1994 pour mener le World Wide
    Web à son potentiel maximal en développant les
    protocoles communs qui favorisent son évolution et
    assurent son interopérabilité»



© Temesis - 2005 – Reproduction strictement interdite                  13
2 Panorama des lois et standards


    Une activité du W3C : la WAI

      WAI : Web Accessibility Initiative
      But : améliorer l’accessibilité
      5 domaines d’action :
         • Technologies (vérifie les normes W3C)
         • Guides, recommandations (comment faire ?)
         • Outils (pour évaluer et/ou réparer)
         • Éducation (ressources et promotion)
         • R & D (séminaires, identification des thèmes)


© Temesis - 2005 – Reproduction strictement interdite                  14
2 Panorama des lois et standards


 Guide : WCAG 1.0


          WCAG : Web Content Accessibility Guidelines
          Version 1.0 depuis mai 1999
          Standard International
          Recommandations pour faire un site accessible

                           http://www.w3.org/TR/WCAG10/




© Temesis - 2005 – Reproduction strictement interdite                  15
2 Panorama des lois et standards


 Organisation des WCAG 1.0

      Recommandations classées par thèmes (contenus
      alternatifs, couleurs, tableaux …)
       3 niveaux de priorités correspondant à 3 niveaux
      d’accessibilité : A, AA, AAA.



        A : doit (must)        AA : devrait (should)         AAA : peut (may)
          Critères de              Critères de                 Critères de
           priorité 1               priorité 1+2              priorité 1+2+3

                              http://www.w3.org/TR/WCAG10/
© Temesis - 2005 – Reproduction strictement interdite                           16
2 Panorama des lois et standards


Lois et règlements : en France
    Loi pour l'égalité des droits et des chances, la
    participation et la citoyenneté des personnes
    handicapées.

    Article 47 : Les services de communication publique
    en ligne des services de l'Etat, des collectivités
    territoriales et des établissements publics qui en
    dépendent doivent être accessibles aux personnes
    handicapées. […]

    http://www.legifrance.gouv.fr/WAspad/UnTexteDeJorf?numjo=SANX0300217L


© Temesis - 2005 – Reproduction strictement interdite                       17
2 Panorama des lois et standards

 En France : ADAE


        L'ADAE (Agence pour le Développement de
        l'Administration Électronique) propose en ligne le
        « Référentiel accessibilité des services Internet
        de l’administration française ». 
        http://www.adae.pm.gouv.fr/article.php3?id_article=246



        Et recense 5.500 sites publics qu’il faudra
        refondre progressivement.
        Source : le journal du net – interview de Jacques Sauret, directeur de l’ADAE.
        http://www.journaldunet.com/itws/it_sauret.shtml


© Temesis - 2005 – Reproduction strictement interdite                                    18
Plan de l’intervention



     1 Les déficiences et les modes de navigation


                               2 Panorama des lois et standards



     3 En pratique : quelques exemples


                                4 Les effets induits de l’accessibilité


© Temesis - 2005 – Reproduction strictement interdite                       19
3 En pratique : quelques exemples


 Contenus alternatifs
        Pour tout les éléments non-textuels :
             • Images (attribut alt)
             • Scripts (élément noscript)
             • Cadres
             • Couleurs
             • …

        Exemples :
             - Présence d’attribut alt
             - Existence d’élements Noscript
© Temesis - 2005 – Reproduction strictement interdite                  20
3 En pratique : quelques exemples


 Mécanismes de navigation
        Permanents et compréhensibles :
             • Position des menus
             • Intitulés des liens
             • Effets attendus
             • …

        Exemples :
             Eviter les libellés de liens comme cliquer ici
             ou lire la suite et fournir des libellés précisant
             la nature de la cible
© Temesis - 2005 – Reproduction strictement interdite                  21
3 En pratique : quelques exemples

 Structure de l’information

   L’information peut être linéarisée
        • Cohérence de la présentation
        • Titres, sous-titres, balises …
        • Séparation de la présentation et du contenu
        • …

   Exemples :
        - Structuration du document (éléments H1 à H6)
        - Evolutivité du site, harmonisation ergonomique
© Temesis - 2005 – Reproduction strictement interdite                  22
3 En pratique : quelques exemples


 Contrôles utilisateur
    Laisser l’utilisateur maître de sa navigation
         • Personnalisation
         • Tailles relatives
         • Pas d’action automatique
         • …

    Exemples :
         - Tailles de polices modifiables
         - Rafraîchissement automatique : pointeur ramené
         en haut de page lors de la navigation au clavier
© Temesis - 2005 – Reproduction strictement interdite                  23
3 En pratique : quelques exemples


 Conformité technique

       Être conforme aux normes W3C
             • HTML
             • XHTML
             • CSS
             • …

       Illustration : respect des standards du W3C
       http://validator.w3.org


© Temesis - 2005 – Reproduction strictement interdite                  24
3 En pratique : quelques exemples


 Densité de l’information

     Être compréhensible
           • Langues et langage
           • Clarté, densité
           • Orthographe
           • …
     Exemple : acronymes
           <acronym title=« Agence Régionale pour le
           développement de la société de
           l’information »>Ardesi</title>
© Temesis - 2005 – Reproduction strictement interdite                  25
Plan de l’intervention



     1 Les déficiences et les modes de navigation


                               2 Panorama des lois et standards



     3 En pratique : quelques exemples


                                4 Les effets induits de l’accessibilité


© Temesis - 2005 – Reproduction strictement interdite                       26
4 Les effets induits de l’accessiblité


 Pourquoi rendre un site accessible ?

                         Loi
                         Éthique
                        Communication
                         Économie

                                            +           Effets induits


© Temesis - 2005 – Reproduction strictement interdite                    27
4 Les effets induits de l’accessiblité


 Effets induits

    • Optimisation de la taille des pages et de la quantité
    de données à télécharger par page pour les visiteurs


    • Amélioration de l'aptitude au référencement


    • Meilleure compatibilité navigateurs et plate-formes


    • Meilleure évolutivité du site

© Temesis - 2005 – Reproduction strictement interdite                    28
4 Les effets induits de l’accessiblité


 Effets induits (2)

  • Amélioration de l'accessibilité à tous les publics


  • Amélioration de l'utilisabilité et de la réutilisabilité
  du code par les développeurs


  • Diminution induite de la dépendance par rapport aux
  prestataires et développeurs


  • Standardisation

© Temesis - 2005 – Reproduction strictement interdite                    29
Contact



     Contact : Temesis                    Expertise :
   18, Rue Lucien Granet
   33150 Cenon – France                   Qualité, Conformité, Accessibilité
   Tél : +33 5 56 401 402                 Diagnostic, A.M.O.…
   Tél : +33 5 56 401 403
 http://www.temesis.com
                                          Formation :
                                          Professionnels, universités, …


                                          Opquast :
                                          Bonnes pratiques qualité

                                          Information :
                                          Temesis.com, E-logisticien.com
© Temesis - 2005 – Reproduction strictement interdite                      30

Contenu connexe

En vedette

La question du handicap ou l'égalité d'accès aux services. Intervention BDP 8...
La question du handicap ou l'égalité d'accès aux services. Intervention BDP 8...La question du handicap ou l'égalité d'accès aux services. Intervention BDP 8...
La question du handicap ou l'égalité d'accès aux services. Intervention BDP 8...Vanessa van Atten
 
Evolution Des Lois Sur Le Handicap Formation Mopa Tourisme Et Handicap
Evolution Des Lois Sur Le Handicap   Formation Mopa Tourisme Et HandicapEvolution Des Lois Sur Le Handicap   Formation Mopa Tourisme Et Handicap
Evolution Des Lois Sur Le Handicap Formation Mopa Tourisme Et HandicapMONA
 
Le social est-il l'avenir de la communication ?
Le social est-il l'avenir de la communication ?Le social est-il l'avenir de la communication ?
Le social est-il l'avenir de la communication ?Agence Double Numérique
 
Guide pour mieux appréhender le handicap psychique en entreprise
Guide pour mieux appréhender le handicap psychique en entrepriseGuide pour mieux appréhender le handicap psychique en entreprise
Guide pour mieux appréhender le handicap psychique en entrepriseGroupe Randstad France
 
Cours d'introduction au management
Cours d'introduction au managementCours d'introduction au management
Cours d'introduction au managementSandrine Michel
 
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
 

En vedette (6)

La question du handicap ou l'égalité d'accès aux services. Intervention BDP 8...
La question du handicap ou l'égalité d'accès aux services. Intervention BDP 8...La question du handicap ou l'égalité d'accès aux services. Intervention BDP 8...
La question du handicap ou l'égalité d'accès aux services. Intervention BDP 8...
 
Evolution Des Lois Sur Le Handicap Formation Mopa Tourisme Et Handicap
Evolution Des Lois Sur Le Handicap   Formation Mopa Tourisme Et HandicapEvolution Des Lois Sur Le Handicap   Formation Mopa Tourisme Et Handicap
Evolution Des Lois Sur Le Handicap Formation Mopa Tourisme Et Handicap
 
Le social est-il l'avenir de la communication ?
Le social est-il l'avenir de la communication ?Le social est-il l'avenir de la communication ?
Le social est-il l'avenir de la communication ?
 
Guide pour mieux appréhender le handicap psychique en entreprise
Guide pour mieux appréhender le handicap psychique en entrepriseGuide pour mieux appréhender le handicap psychique en entreprise
Guide pour mieux appréhender le handicap psychique en entreprise
 
Cours d'introduction au management
Cours d'introduction au managementCours d'introduction au management
Cours d'introduction au management
 
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 ?
 

Similaire à Loi sur le handicap : les défis de l'accessibilité numérique (2005)

Accessibilite normes
Accessibilite normesAccessibilite normes
Accessibilite normesDieudbill
 
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
 
Accessibilité numérique : sources d'information (2005)
Accessibilité numérique : sources d'information (2005)Accessibilité numérique : sources d'information (2005)
Accessibilité numérique : sources d'information (2005)Ardesi Midi-Pyrénées
 
CRAW2014 L'accessibilité du web et les seniors
CRAW2014 L'accessibilité du web et les seniorsCRAW2014 L'accessibilité du web et les seniors
CRAW2014 L'accessibilité du web et les seniorsOphelie Durand
 
Le Comptoir OCTO - Accessibilité
Le Comptoir OCTO - Accessibilité Le Comptoir OCTO - Accessibilité
Le Comptoir OCTO - Accessibilité OCTO Technology
 
Accessibilité - Nouvelles tendances du web public - La Novela 2012
Accessibilité - Nouvelles tendances du web public - La Novela 2012Accessibilité - Nouvelles tendances du web public - La Novela 2012
Accessibilité - Nouvelles tendances du web public - La Novela 2012Ardesi Midi-Pyrénées
 
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
 
Isabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessible
Isabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessibleIsabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessible
Isabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessibleFFFOD
 
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...Franck Letrouvé
 
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
 
Concevoir une voirie
Concevoir une voirieConcevoir une voirie
Concevoir une voirieGENICIMO
 
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
 
Garantir l'accessibilité numérique de la bibliothèque
Garantir l'accessibilité numérique de la bibliothèqueGarantir l'accessibilité numérique de la bibliothèque
Garantir l'accessibilité numérique de la bibliothèqueMarc Maisonneuve
 
Comment rendre le site web de la bibliothèque accessible à tous
Comment rendre le site web de la bibliothèque accessible à tousComment rendre le site web de la bibliothèque accessible à tous
Comment rendre le site web de la bibliothèque accessible à tousMarc Maisonneuve
 
MOPA Formation Accueillir, informer et orienter les personnes en situation de...
MOPA Formation Accueillir, informer et orienter les personnes en situation de...MOPA Formation Accueillir, informer et orienter les personnes en situation de...
MOPA Formation Accueillir, informer et orienter les personnes en situation de...MONA
 

Similaire à Loi sur le handicap : les défis de l'accessibilité numérique (2005) (20)

Accessibilite normes
Accessibilite normesAccessibilite normes
Accessibilite normes
 
#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 accessibilite
Atelier accessibiliteAtelier accessibilite
Atelier accessibilite
 
La Accesibilidad y el espacio público (francés)
La Accesibilidad y el espacio público (francés)La Accesibilidad y el espacio público (francés)
La Accesibilidad y el espacio público (francés)
 
Accessibilité numérique : sources d'information (2005)
Accessibilité numérique : sources d'information (2005)Accessibilité numérique : sources d'information (2005)
Accessibilité numérique : sources d'information (2005)
 
CRAW2014 L'accessibilité du web et les seniors
CRAW2014 L'accessibilité du web et les seniorsCRAW2014 L'accessibilité du web et les seniors
CRAW2014 L'accessibilité du web et les seniors
 
Le Comptoir OCTO - Accessibilité
Le Comptoir OCTO - Accessibilité Le Comptoir OCTO - Accessibilité
Le Comptoir OCTO - Accessibilité
 
Accessibilité - Nouvelles tendances du web public - La Novela 2012
Accessibilité - Nouvelles tendances du web public - La Novela 2012Accessibilité - Nouvelles tendances du web public - La Novela 2012
Accessibilité - Nouvelles tendances du web public - La Novela 2012
 
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 Dubois-Mejia (Thales) : témoignage sur un module e-learning accessible
Isabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessibleIsabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessible
Isabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessible
 
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...
 
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...
 
Concevoir une voirie
Concevoir une voirieConcevoir une voirie
Concevoir une voirie
 
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
 
Accessibilité des ERP
Accessibilité des ERPAccessibilité des ERP
Accessibilité des ERP
 
Garantir l'accessibilité numérique de la bibliothèque
Garantir l'accessibilité numérique de la bibliothèqueGarantir l'accessibilité numérique de la bibliothèque
Garantir l'accessibilité numérique de la bibliothèque
 
Comment rendre le site web de la bibliothèque accessible à tous
Comment rendre le site web de la bibliothèque accessible à tousComment rendre le site web de la bibliothèque accessible à tous
Comment rendre le site web de la bibliothèque accessible à tous
 
L'accessibilité pour tous aux TIC
L'accessibilité pour tous aux TICL'accessibilité pour tous aux TIC
L'accessibilité pour tous aux TIC
 
MOPA Formation Accueillir, informer et orienter les personnes en situation de...
MOPA Formation Accueillir, informer et orienter les personnes en situation de...MOPA Formation Accueillir, informer et orienter les personnes en situation de...
MOPA Formation Accueillir, informer et orienter les personnes en situation de...
 

Plus de Ardesi Midi-Pyrénées

Diagnostic 2012 de la Société de l'Information en Midi-Pyrénées
Diagnostic 2012 de la Société de l'Information en Midi-PyrénéesDiagnostic 2012 de la Société de l'Information en Midi-Pyrénées
Diagnostic 2012 de la Société de l'Information en Midi-PyrénéesArdesi Midi-Pyrénées
 
Les collectivités territoriales dans le tourbillon du web 2.0
Les collectivités territoriales dans le tourbillon du web 2.0Les collectivités territoriales dans le tourbillon du web 2.0
Les collectivités territoriales dans le tourbillon du web 2.0Ardesi Midi-Pyrénées
 
Facebook Twitter dans les collectivités : boostez sa com digitale
Facebook Twitter dans les collectivités : boostez sa com digitaleFacebook Twitter dans les collectivités : boostez sa com digitale
Facebook Twitter dans les collectivités : boostez sa com digitaleArdesi Midi-Pyrénées
 
Twitter mode d'emploi - le média de l'instantané
Twitter mode d'emploi - le média de l'instantanéTwitter mode d'emploi - le média de l'instantané
Twitter mode d'emploi - le média de l'instantanéArdesi Midi-Pyrénées
 
Open data - Nouvelles tendances du web public - La Novela 2012
Open data - Nouvelles tendances du web public - La Novela 2012Open data - Nouvelles tendances du web public - La Novela 2012
Open data - Nouvelles tendances du web public - La Novela 2012Ardesi Midi-Pyrénées
 
Mobilité - Nouvelles tendances du web public - La Novela 2012
Mobilité - Nouvelles tendances du web public - La Novela 2012Mobilité - Nouvelles tendances du web public - La Novela 2012
Mobilité - Nouvelles tendances du web public - La Novela 2012Ardesi Midi-Pyrénées
 
Web conversationnel - Nouvelles tendances du web public - La Novela 2012
Web conversationnel - Nouvelles tendances du web public - La Novela 2012Web conversationnel - Nouvelles tendances du web public - La Novela 2012
Web conversationnel - Nouvelles tendances du web public - La Novela 2012Ardesi Midi-Pyrénées
 
Initiation aux Réseaux Sociaux - 17 septembre 2012
Initiation aux Réseaux Sociaux - 17 septembre 2012Initiation aux Réseaux Sociaux - 17 septembre 2012
Initiation aux Réseaux Sociaux - 17 septembre 2012Ardesi Midi-Pyrénées
 
Initiation web social ot toulouse 13 juin
Initiation web social ot toulouse 13 juinInitiation web social ot toulouse 13 juin
Initiation web social ot toulouse 13 juinArdesi Midi-Pyrénées
 
Le Web Public Institutionnel en Midi-Pyrénées : les bonnes pratiques 2011
Le Web Public Institutionnel en Midi-Pyrénées : les bonnes pratiques 2011Le Web Public Institutionnel en Midi-Pyrénées : les bonnes pratiques 2011
Le Web Public Institutionnel en Midi-Pyrénées : les bonnes pratiques 2011Ardesi Midi-Pyrénées
 
Web Public Pays : grille d'analyse 2011 des sites Internet
Web Public Pays : grille d'analyse 2011 des sites InternetWeb Public Pays : grille d'analyse 2011 des sites Internet
Web Public Pays : grille d'analyse 2011 des sites InternetArdesi Midi-Pyrénées
 
Web Public Intercommunal : grille d'analyse 2011 des sites Internet
Web Public Intercommunal : grille d'analyse 2011 des sites InternetWeb Public Intercommunal : grille d'analyse 2011 des sites Internet
Web Public Intercommunal : grille d'analyse 2011 des sites InternetArdesi Midi-Pyrénées
 
Web Public Communal : grille d'analyse 2011 des sites Internet
Web Public Communal : grille d'analyse 2011 des sites InternetWeb Public Communal : grille d'analyse 2011 des sites Internet
Web Public Communal : grille d'analyse 2011 des sites InternetArdesi Midi-Pyrénées
 
Diagnostic 2011 de la Société de l'Information - Synthèse
Diagnostic 2011 de la Société de l'Information - SynthèseDiagnostic 2011 de la Société de l'Information - Synthèse
Diagnostic 2011 de la Société de l'Information - SynthèseArdesi Midi-Pyrénées
 
Diagnostic 2011 de la Société de l'Information
Diagnostic 2011 de la Société de l'InformationDiagnostic 2011 de la Société de l'Information
Diagnostic 2011 de la Société de l'InformationArdesi Midi-Pyrénées
 
Réaliser un site de tourisme optimisé
Réaliser un site de tourisme optimisé Réaliser un site de tourisme optimisé
Réaliser un site de tourisme optimisé Ardesi Midi-Pyrénées
 
Initiation au web social ARPE - 10 février 2012
Initiation au web social ARPE - 10 février 2012Initiation au web social ARPE - 10 février 2012
Initiation au web social ARPE - 10 février 2012Ardesi Midi-Pyrénées
 
Veille et eréputation des collectivités
Veille et  eréputation des collectivitésVeille et  eréputation des collectivités
Veille et eréputation des collectivitésArdesi Midi-Pyrénées
 
Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011
Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011
Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011Ardesi Midi-Pyrénées
 

Plus de Ardesi Midi-Pyrénées (20)

Diagnostic 2012 de la Société de l'Information en Midi-Pyrénées
Diagnostic 2012 de la Société de l'Information en Midi-PyrénéesDiagnostic 2012 de la Société de l'Information en Midi-Pyrénées
Diagnostic 2012 de la Société de l'Information en Midi-Pyrénées
 
Les collectivités territoriales dans le tourbillon du web 2.0
Les collectivités territoriales dans le tourbillon du web 2.0Les collectivités territoriales dans le tourbillon du web 2.0
Les collectivités territoriales dans le tourbillon du web 2.0
 
Facebook Twitter dans les collectivités : boostez sa com digitale
Facebook Twitter dans les collectivités : boostez sa com digitaleFacebook Twitter dans les collectivités : boostez sa com digitale
Facebook Twitter dans les collectivités : boostez sa com digitale
 
Twitter mode d'emploi - le média de l'instantané
Twitter mode d'emploi - le média de l'instantanéTwitter mode d'emploi - le média de l'instantané
Twitter mode d'emploi - le média de l'instantané
 
Open data - Nouvelles tendances du web public - La Novela 2012
Open data - Nouvelles tendances du web public - La Novela 2012Open data - Nouvelles tendances du web public - La Novela 2012
Open data - Nouvelles tendances du web public - La Novela 2012
 
Mobilité - Nouvelles tendances du web public - La Novela 2012
Mobilité - Nouvelles tendances du web public - La Novela 2012Mobilité - Nouvelles tendances du web public - La Novela 2012
Mobilité - Nouvelles tendances du web public - La Novela 2012
 
Web conversationnel - Nouvelles tendances du web public - La Novela 2012
Web conversationnel - Nouvelles tendances du web public - La Novela 2012Web conversationnel - Nouvelles tendances du web public - La Novela 2012
Web conversationnel - Nouvelles tendances du web public - La Novela 2012
 
Initiation aux Réseaux Sociaux - 17 septembre 2012
Initiation aux Réseaux Sociaux - 17 septembre 2012Initiation aux Réseaux Sociaux - 17 septembre 2012
Initiation aux Réseaux Sociaux - 17 septembre 2012
 
Initiation web social ot toulouse 13 juin
Initiation web social ot toulouse 13 juinInitiation web social ot toulouse 13 juin
Initiation web social ot toulouse 13 juin
 
Le Web Public Institutionnel en Midi-Pyrénées : les bonnes pratiques 2011
Le Web Public Institutionnel en Midi-Pyrénées : les bonnes pratiques 2011Le Web Public Institutionnel en Midi-Pyrénées : les bonnes pratiques 2011
Le Web Public Institutionnel en Midi-Pyrénées : les bonnes pratiques 2011
 
Web Public Pays : grille d'analyse 2011 des sites Internet
Web Public Pays : grille d'analyse 2011 des sites InternetWeb Public Pays : grille d'analyse 2011 des sites Internet
Web Public Pays : grille d'analyse 2011 des sites Internet
 
Web Public Intercommunal : grille d'analyse 2011 des sites Internet
Web Public Intercommunal : grille d'analyse 2011 des sites InternetWeb Public Intercommunal : grille d'analyse 2011 des sites Internet
Web Public Intercommunal : grille d'analyse 2011 des sites Internet
 
Web Public Communal : grille d'analyse 2011 des sites Internet
Web Public Communal : grille d'analyse 2011 des sites InternetWeb Public Communal : grille d'analyse 2011 des sites Internet
Web Public Communal : grille d'analyse 2011 des sites Internet
 
Diagnostic 2011 de la Société de l'Information - Synthèse
Diagnostic 2011 de la Société de l'Information - SynthèseDiagnostic 2011 de la Société de l'Information - Synthèse
Diagnostic 2011 de la Société de l'Information - Synthèse
 
Diagnostic 2011 de la Société de l'Information
Diagnostic 2011 de la Société de l'InformationDiagnostic 2011 de la Société de l'Information
Diagnostic 2011 de la Société de l'Information
 
Réaliser un site de tourisme optimisé
Réaliser un site de tourisme optimisé Réaliser un site de tourisme optimisé
Réaliser un site de tourisme optimisé
 
Initiation au web social ARPE - 10 février 2012
Initiation au web social ARPE - 10 février 2012Initiation au web social ARPE - 10 février 2012
Initiation au web social ARPE - 10 février 2012
 
Veille et eréputation des collectivités
Veille et  eréputation des collectivitésVeille et  eréputation des collectivités
Veille et eréputation des collectivités
 
Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011
Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011
Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011
 
Entrez dans le conversationnel !
Entrez dans le conversationnel !Entrez dans le conversationnel !
Entrez dans le conversationnel !
 

Loi sur le handicap : les défis de l'accessibilité numérique (2005)

  • 1. Atelier Webmestres Loi sur le handicap Les défis de l’accessibilité numérique © Temesis - 2005 – R Préfécture Midi-Pyrénées 16 juin 2005 -eproduction strictement interdite - Elie SLOÏM - Temesis 1
  • 2. Présentation Intervenant : Elie SLOÏM Gérant de la société Temesis Formateur et consultant sur la qualité, l’accessibilité et la conformité des sites Responsable qualité OpenWeb.eu.org Collectif de promotion des standards du Web Directeur du projet Opquast Liste publique de bonnes pratiques qualité pour les services en ligne © Temesis - 2005 – Reproduction strictement interdite 2
  • 3. Plan de l’intervention 1 Les déficiences et les modes de navigation 2 Panorama des lois et standards 3 En pratique : quelques exemples 4 Les effets induits de l’accessibilité © Temesis - 2005 – Reproduction strictement interdite 3
  • 4. 1 Déficiences et modes de navigation Qu’est ce qu’un handicap ? En France, la loi d'orientation du 30 juin 1975 n'énonce volontairement pas de définition de la notion de handicap ou de personne handicapée. Raison : Ne pas s’enfermer dans une définition qui pourrait exclure des personnes. Source : la Documentation Française : http://www.vie-publique.fr/dossier_polpublic/handicap/chiffres_cles/chiffres_clefs.shtml © Temesis - 2005 – Reproduction strictement interdite 4
  • 5. 1 Déficiences et modes de navigation Les déficiences  Déficiences sensorielles (aveugles, sourds ...)  Déficiences cognitives (déficiences mentales ...)  Déficiences motrices (bras cassé, tétraplégie ...) © Temesis - 2005 – Reproduction strictement interdite 5
  • 6. 1 Déficiences et modes de navigation Définition du handicap selon l’ONU Définition : Perte ou restriction des possibilités de participer à la vie de la collectivité à égalité avec les autres.  Rapport entre le handicapé et son milieu  État temporaire ou permanent Source ONU : http://www.un.org/esa/socdev/enable/faqs.htm © Temesis - 2005 – Reproduction strictement interdite 6
  • 7. 1 Déficiences et modes de navigation Définition du handicap Art. L. 114. - Constitue un handicap, au sens de la présente loi, toute limitation d'activité ou restriction de participation à la vie en société subie dans son environnement par une personne en raison d'une altération substantielle, durable ou définitive d'une ou plusieurs fonctions physiques, sensorielles, mentales, cognitives ou psychiques, d'un polyhandicap ou d'un trouble de santé invalidant. Source : Légifrance http://www.legifrance.gouv.fr/WAspad/UnTexteDeJorf?numjo=SANX0300217L © Temesis - 2005 – Reproduction strictement interdite 7
  • 8. 1 Déficiences et modes de navigation Quelques chiffres En France : • 1 500 000 personnes malvoyantes • 3 500 000 personnes malentendantes • 60 000 aveugles • 1 000 000 personnes souffrent d’un handicap mental • 850 000 d'un handicap moteur isolé • 1 400 000 d'un handicap moteur associé à d'autres déficiences. Sources : CEE, Ministère de la santé de la famille, et des personnes handicapés – avril 2003 © Temesis - 2005 – Reproduction strictement interdite 8
  • 9. 1 Déficiences et modes de navigation Hétérogénéïté des modes de navigation  Connexion bas débit  Connaissances, compétences  Configurations différentes • Système d’exploitation • Navigateur, navigation • Logiciels d’aide • Résolution …  Matériels différents • Pda, synthèse vocale… © Temesis - 2005 – Reproduction strictement interdite 9
  • 10. 1 Déficiences et modes de navigation Accessibilité universelle X Personnes handicapées Personnes en situation de handicap (ou rencontrant des difficultés) Tout le monde peut rencontrer des difficultés - permanentes ou temporaires. © Temesis - 2005 – Reproduction strictement interdite 10
  • 11. 1 Déficiences et modes de navigation Internet pour les personnes handicapées Les personnes handicapées utilisent Internet et ses services grâce à des matériels et/ou des logiciels adaptés. Ils l’utilisent pour :  S’informer  Communiquer  Effectuer des démarches administratives  Leurs activités professionnelles  Leurs achats en ligne © Temesis - 2005 – Reproduction strictement interdite 11
  • 12. Plan de l’intervention 1 Les déficiences et les modes de navigation 2 Panorama des lois et standards 3 En pratique : quelques exemples 4 Les effets induits de l’accessibilité © Temesis - 2005 – Reproduction strictement interdite 12
  • 13. 2 Panorama des lois et standards Le World Wide Web Consortium Le W3C : World Wide Web Consortium «Fondé en octobre 1994 pour mener le World Wide Web à son potentiel maximal en développant les protocoles communs qui favorisent son évolution et assurent son interopérabilité» © Temesis - 2005 – Reproduction strictement interdite 13
  • 14. 2 Panorama des lois et standards Une activité du W3C : la WAI WAI : Web Accessibility Initiative But : améliorer l’accessibilité 5 domaines d’action : • Technologies (vérifie les normes W3C) • Guides, recommandations (comment faire ?) • Outils (pour évaluer et/ou réparer) • Éducation (ressources et promotion) • R & D (séminaires, identification des thèmes) © Temesis - 2005 – Reproduction strictement interdite 14
  • 15. 2 Panorama des lois et standards Guide : WCAG 1.0 WCAG : Web Content Accessibility Guidelines Version 1.0 depuis mai 1999 Standard International Recommandations pour faire un site accessible http://www.w3.org/TR/WCAG10/ © Temesis - 2005 – Reproduction strictement interdite 15
  • 16. 2 Panorama des lois et standards Organisation des WCAG 1.0 Recommandations classées par thèmes (contenus alternatifs, couleurs, tableaux …) 3 niveaux de priorités correspondant à 3 niveaux d’accessibilité : A, AA, AAA. A : doit (must) AA : devrait (should) AAA : peut (may) Critères de Critères de Critères de priorité 1 priorité 1+2 priorité 1+2+3 http://www.w3.org/TR/WCAG10/ © Temesis - 2005 – Reproduction strictement interdite 16
  • 17. 2 Panorama des lois et standards Lois et règlements : en France Loi pour l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées. Article 47 : Les services de communication publique en ligne des services de l'Etat, des collectivités territoriales et des établissements publics qui en dépendent doivent être accessibles aux personnes handicapées. […] http://www.legifrance.gouv.fr/WAspad/UnTexteDeJorf?numjo=SANX0300217L © Temesis - 2005 – Reproduction strictement interdite 17
  • 18. 2 Panorama des lois et standards En France : ADAE L'ADAE (Agence pour le Développement de l'Administration Électronique) propose en ligne le « Référentiel accessibilité des services Internet de l’administration française ».  http://www.adae.pm.gouv.fr/article.php3?id_article=246 Et recense 5.500 sites publics qu’il faudra refondre progressivement. Source : le journal du net – interview de Jacques Sauret, directeur de l’ADAE. http://www.journaldunet.com/itws/it_sauret.shtml © Temesis - 2005 – Reproduction strictement interdite 18
  • 19. Plan de l’intervention 1 Les déficiences et les modes de navigation 2 Panorama des lois et standards 3 En pratique : quelques exemples 4 Les effets induits de l’accessibilité © Temesis - 2005 – Reproduction strictement interdite 19
  • 20. 3 En pratique : quelques exemples Contenus alternatifs Pour tout les éléments non-textuels : • Images (attribut alt) • Scripts (élément noscript) • Cadres • Couleurs • … Exemples : - Présence d’attribut alt - Existence d’élements Noscript © Temesis - 2005 – Reproduction strictement interdite 20
  • 21. 3 En pratique : quelques exemples Mécanismes de navigation Permanents et compréhensibles : • Position des menus • Intitulés des liens • Effets attendus • … Exemples : Eviter les libellés de liens comme cliquer ici ou lire la suite et fournir des libellés précisant la nature de la cible © Temesis - 2005 – Reproduction strictement interdite 21
  • 22. 3 En pratique : quelques exemples Structure de l’information L’information peut être linéarisée • Cohérence de la présentation • Titres, sous-titres, balises … • Séparation de la présentation et du contenu • … Exemples : - Structuration du document (éléments H1 à H6) - Evolutivité du site, harmonisation ergonomique © Temesis - 2005 – Reproduction strictement interdite 22
  • 23. 3 En pratique : quelques exemples Contrôles utilisateur Laisser l’utilisateur maître de sa navigation • Personnalisation • Tailles relatives • Pas d’action automatique • … Exemples : - Tailles de polices modifiables - Rafraîchissement automatique : pointeur ramené en haut de page lors de la navigation au clavier © Temesis - 2005 – Reproduction strictement interdite 23
  • 24. 3 En pratique : quelques exemples Conformité technique Être conforme aux normes W3C • HTML • XHTML • CSS • … Illustration : respect des standards du W3C http://validator.w3.org © Temesis - 2005 – Reproduction strictement interdite 24
  • 25. 3 En pratique : quelques exemples Densité de l’information Être compréhensible • Langues et langage • Clarté, densité • Orthographe • … Exemple : acronymes <acronym title=« Agence Régionale pour le développement de la société de l’information »>Ardesi</title> © Temesis - 2005 – Reproduction strictement interdite 25
  • 26. Plan de l’intervention 1 Les déficiences et les modes de navigation 2 Panorama des lois et standards 3 En pratique : quelques exemples 4 Les effets induits de l’accessibilité © Temesis - 2005 – Reproduction strictement interdite 26
  • 27. 4 Les effets induits de l’accessiblité Pourquoi rendre un site accessible ? Loi Éthique Communication Économie + Effets induits © Temesis - 2005 – Reproduction strictement interdite 27
  • 28. 4 Les effets induits de l’accessiblité Effets induits • Optimisation de la taille des pages et de la quantité de données à télécharger par page pour les visiteurs • Amélioration de l'aptitude au référencement • Meilleure compatibilité navigateurs et plate-formes • Meilleure évolutivité du site © Temesis - 2005 – Reproduction strictement interdite 28
  • 29. 4 Les effets induits de l’accessiblité Effets induits (2) • Amélioration de l'accessibilité à tous les publics • Amélioration de l'utilisabilité et de la réutilisabilité du code par les développeurs • Diminution induite de la dépendance par rapport aux prestataires et développeurs • Standardisation © Temesis - 2005 – Reproduction strictement interdite 29
  • 30. Contact Contact : Temesis Expertise : 18, Rue Lucien Granet 33150 Cenon – France Qualité, Conformité, Accessibilité Tél : +33 5 56 401 402 Diagnostic, A.M.O.… Tél : +33 5 56 401 403 http://www.temesis.com Formation : Professionnels, universités, … Opquast : Bonnes pratiques qualité Information : Temesis.com, E-logisticien.com © Temesis - 2005 – Reproduction strictement interdite 30