Upload
ardesi-midi-pyrenees
View
833
Download
1
Embed Size (px)
DESCRIPTION
Diaporama diffusé à l’occasion de l’@telier destiné aux webmestres et/ou responsables de sites Internet des collectivités locales de Midi-Pyrénées, organisé par Ardesi.
Citation preview
1© Temesis - 2005 – Reproduction strictement interdite
Atelier Webmestres
Loi sur le handicap Les défis de l’accessibilité numérique
16 juin 2005 - Préfécture Midi-Pyrénées - Elie SLOÏM - Temesis
2© Temesis - 2005 – Reproduction strictement interdite
Présentation Intervenant : Elie SLOÏM
Gérant de la société Temesis
Directeur du projet Opquast
Responsable qualité OpenWeb.eu.org
Formateur et consultant sur la qualité, l’accessibilité et la conformité des sites
Collectif de promotion des standards du Web
Liste publique de bonnes pratiques qualité pour les services en ligne
3© Temesis - 2005 – Reproduction strictement interdite
Plan de l’intervention
1 Les déficiences et les modes de navigation
3 En pratique : quelques exemples
2 Panorama des lois et standards
4 Les effets induits de l’accessibilité
4© Temesis - 2005 – Reproduction strictement interdite
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
5© Temesis - 2005 – Reproduction strictement interdite
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 ...)
6© Temesis - 2005 – Reproduction strictement interdite
1 Déficiences et modes de navigation
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
Définition du handicap selon l’ONU
7© Temesis - 2005 – Reproduction strictement interdite
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
8© Temesis - 2005 – Reproduction strictement interdite
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
9© Temesis - 2005 – Reproduction strictement interdite
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…
10© Temesis - 2005 – Reproduction strictement interdite
1 Déficiences et modes de navigation
Accessibilité universelle
Tout le monde peut rencontrer des difficultés - permanentes ou temporaires.
Personnes en situation de handicap(ou rencontrant des difficultés)
Personnes handicapées X
11© Temesis - 2005 – Reproduction strictement interdite
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
12© Temesis - 2005 – Reproduction strictement interdite
Plan de l’intervention
1 Les déficiences et les modes de navigation
3 En pratique : quelques exemples
2 Panorama des lois et standards
4 Les effets induits de l’accessibilité
13© Temesis - 2005 – Reproduction strictement interdite
2 Panorama des lois et standards
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é»
Le World Wide Web Consortium
14© Temesis - 2005 – Reproduction strictement interdite
2 Panorama des lois et standards
WAI : Web Accessibility InitiativeBut : 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)
Une activité du W3C : la WAI
15© Temesis - 2005 – Reproduction strictement interdite
2 Panorama des lois et standards
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/
Guide : WCAG 1.0
16© Temesis - 2005 – Reproduction strictement interdite
AA : devrait (should)Critères de priorité 1+2
2 Panorama des lois et standards
Recommandations classées par thèmes (contenus alternatifs, couleurs, tableaux …)
3 niveaux de priorités correspondant à 3 niveaux d’accessibilité : A, AA, AAA.
http://www.w3.org/TR/WCAG10/
Organisation des WCAG 1.0
A : doit (must)Critères depriorité 1
AAA : peut (may) Critères de
priorité 1+2+3
17© Temesis - 2005 – Reproduction strictement interdite
2 Panorama des lois et standards
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
Lois et règlements : en France
18© Temesis - 2005 – Reproduction strictement interdite
2 Panorama des lois et standards
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
En France : ADAE
19© Temesis - 2005 – Reproduction strictement interdite
Plan de l’intervention
1 Les déficiences et les modes de navigation
3 En pratique : quelques exemples
2 Panorama des lois et standards
4 Les effets induits de l’accessibilité
20© Temesis - 2005 – Reproduction strictement interdite
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
21© Temesis - 2005 – Reproduction strictement interdite
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
22© Temesis - 2005 – Reproduction strictement interdite
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
23© Temesis - 2005 – Reproduction strictement interdite
3 En pratique : quelques exemples
Contrôles utilisateurLaisser 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
24© Temesis - 2005 – Reproduction strictement interdite
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
25© Temesis - 2005 – Reproduction strictement interdite
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>
26© Temesis - 2005 – Reproduction strictement interdite
Plan de l’intervention
1 Les déficiences et les modes de navigation
3 En pratique : quelques exemples
2 Panorama des lois et standards
4 Les effets induits de l’accessibilité
27© Temesis - 2005 – Reproduction strictement interdite
4 Les effets induits de l’accessiblité
Éthique
Communication
Économie
Effets induits+
Pourquoi rendre un site accessible ?
Loi
28© Temesis - 2005 – Reproduction strictement interdite
4 Les effets induits de l’accessiblité
• 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
Effets induits
29© Temesis - 2005 – Reproduction strictement interdite
4 Les effets induits de l’accessiblité
• 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
Effets induits (2)
30© Temesis - 2005 – Reproduction strictement interdite
Contact
Contact : Temesis18, Rue Lucien Granet33150 Cenon – FranceTél : +33 5 56 401 402Tél : +33 5 56 401 403
http://www.temesis.com
Expertise : Qualité, Conformité, Accessibilité Diagnostic, A.M.O.…
Formation : Professionnels, universités, …
Information :Temesis.com, E-logisticien.com
Opquast : Bonnes pratiques qualité