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

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 etmodes 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 etmodes 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 etmodes 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 etmodes 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 etmodes 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 etmodes 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 etmodes 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 etmodes 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 deslois 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 deslois 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 deslois 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 deslois 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 deslois 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 deslois 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 effetsinduits de l’accessiblité Pourquoi rendre un site accessible ? Loi Éthique Communication Économie + Effets induits © Temesis - 2005 – Reproduction strictement interdite 27
  • 28.
    4 Les effetsinduits 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 effetsinduits 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