Qu’est-ce que l’accessibilité web ?

1. Accessibilité web

2. Accessibilité web
Qu’est-ce que le handicap ?
Selon la loi française :
« 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. »

3. Accessibilité web
Qu’est-ce que l’accessibilité ?
L’accessibilité est un terme initialement relatif au monde du handicap, mais
étendu à l'ensemble des citoyens et utilisé pour désigner l'accès aux
domaines suivants :
- physique, la liberté de déplacement dans l'espace ;
- éducatif, le droit à une scolarisation ;
- civique, le droit de vote ;
- culturel, le pouvoir de développer sa culture ;
- numérique, l’adaptation des systèmes numériques dont les sites web, aux
différents types de handicaps, développement d'outils spécifiques tels loupe
ou clavier visuel ;
- travail, pouvoir travailler en milieu ordinaire ;
- santé, avoir accès aux services de santé promotionnels, préventifs et
curatifs.

4. Accessibilité web
Qu’est-ce que l’accessibilité ?
Pour les personnes en situation de handicap, l'objectif de l'accessibilité est de
permettre une vie ordinaire.
Pour les personnes n'étant pas en situation de handicap, l'accessibilité reste
une préoccupation dans diverses situations : femmes enceintes, incapacités
temporaires consécutives à un accident du travail ou domestique, difficultés
sensorielles liées à l'âge, surpoids, des situations où l'individu n'est pas à
proprement parler en situation de handicap, mais concerné, une maman avec
une poussette, un voyageur avec une grosse valise à roulettes…..

5. Accessibilité web
Loi de 1975 et décret législatif de 1991 qui concerne l’accès aux bâtiments voirie transports …

6. Accessibilité web
Loi de 1975 et décret législatif de 1991 qui concerne l’accès aux bâtiments voirie transports …

7. Accessibilité web
Loi de 1975 et décret législatif de 1991 qui concerne l’accès aux bâtiments voirie transports …

8. Accessibilité web
Loi de 1975 et décret législatif de 1991 qui concerne l’accès aux bâtiments voirie transports …

9. Accessibilité web
Qu’est-ce que l’accessibilité web ?
Selon la WAI (Web Accessibility Initiative) :
« L’accessibilité du web signifie que les personnes en situation
de handicap peuvent utiliser le web – plus précisément
qu’elles peuvent percevoir, comprendre, naviguer et interagir
avec le web, et qu’elles peuvent contribuer sur le web.
L’accessibilité du web bénéficie aussi à d’autres, notamment
aux personnes âgées dont les capacités changent avec l’âge.
L’accessibilité du web prend en compte tous les handicaps qui
affectent l’accès au web, ce qui inclut les handicaps visuels,
auditifs, physiques, de parole, cognitifs et neurologiques. »

10. Accessibilité web
Le nombre de personnes concernées
Entre 10 et 20% selon les résultats de l’enquête vie
quotidienne et santé (INSEE, 2007).
Une personne sur dix considère être « handicapée» , et une sur
cinq être « limitée dans ses activités ».
15 % de la population mondiale selon le rapport mondial sur le
handicap de l’OMS (2010).

11. Accessibilité web
L’accessibilité du web, concrètement…
Pour les personnes…
• aveugles : navigation au clavier, utilisation d’un lecteur d’écran (synthèse
vocale, plage braille), balisage sémantique, alternatives textuelles, liens et
intitulés explicites, audiodescription…
• malvoyantes : couleurs, contraste, taille des caractères…
• sourdes : transcription textuelle, sous-titres synchronisés, interprétation en
langue des signes…
• malentendantes : dialogues suffisamment audibles…
Et aussi : perte des capacités motrices, prévention des crises, difficultés de
lecture, de concentration, de compréhension…

12. Accessibilité web
Un site est accessible quand il fonctionne :
• avec tous les navigateurs, récents et anciens.
• avec n’importe quelle interface, navigation par souris, pad, écran tactile,
clavier…
• avec toute plateforme d’accès, c’est-à-dire tous les systèmes
d’exploitation, Mac, Windows Linux, Mac OS, Android.
• sans plug-in tel que Flash, QuickTime, etc.
• avec tout périphérique d’affichage, moniteur de toute taille, écran de
téléphone, tablettes, etc.
• un contenu compatible avec les systèmes d’aide technique destinée aux
personnes handicapées (loupe d’écran, synthèse vocale, plage braille, etc.). Ex.
un texte en mode image, ne sera pas lisible avec ces outils.

13. Accessibilité web
Le contraste des couleurs
Le texte est-il lisible ? Le texte est-il lisible ?Le texte est-il lisible ?
Le texte est-il lisible ? Le texte est-il lisible ?Le texte est-il lisible ?

14. Accessibilité web
Le contraste des couleurs

15. Accessibilité web
L’agrandissement du texte
Sur Firefox
Le musée de Grenoble

16. Accessibilité web
Les outils de simulation de daltonisme
https://colororacle.org

17. Accessibilité web
Actuellement
On constate, sur Internet en retard important pour l'équipement des services
publics et, plus grave encore une très faible accessibilité des outils Internet,
mis à disposition des citoyens.
Une révision de la loi de 1975 prévoit pour sa part que l'accessibilité de
l'information publique sera rendue obligatoire.
Au niveau économique, l'accessibilité devient un véritable enjeu marketing et
commercial et constitue un atout pour les sociétés sensibles à leur image.

18. Accessibilité web
Outils
Les personnes malvoyantes utilisent des logiciels spécifiques appelés loupe
d'écran, logiciel de grossissement d'écran qui leur permet de personnaliser le
contenu du site, changer la taille de la police, ou même la police, modifier le
contraste texte de la page, etc..
Zoomtext reste aujourd'hui le plus célèbre
de ses logiciels spécifiques.

19. Accessibilité web
Outils
Les personnes non voyantes ont deux possibilités pour consulter des pages
Web, un terminal braille un appareil qui traduit le texte présent dans une page
en braille; ou l'utilisation d'un logiciel de synthèse vocale, ils peuvent utiliser
les deux à la fois.

20. Accessibilité web
Outils
Pour les personnes sourdes ou malentendantes, il n'y a pas réellement aide
technique, l'auteur d'un site devra prévoir une alternative texte aux contenus
sonores présents sur un site.
Il existe cependant des produits de reconnaissance vocale qui ont été
adaptés pour convertir le langage parlé en langage des signes. Ce qui permet
aux sourds et malentendants d'accéder à des informations auditives.

21. Accessibilité web
Outils
Les personnes souffrant de handicaps moteurs rencontrent plusieurs types
de difficultés. L'utilisation du clavier, de la souris, des ascenseurs de
défilement sur une page sont autant de gènes liés à des problèmes de
contrôle musculaire, de coordination, de paralysie, ou liés au manque d’un
membre par exemple. Des outils spécifiques existent là aussi pour pallier ces
problèmes.

22. Accessibilité web
Un site accessible
Les images sont omniprésentes sur le site Internet et apportent des
informations au contenu de la page.
Une personne ne pouvant pas visualiser ses images à cause des déficiences
visuelles ou par choix de naviguer en mode texte n'aura pas accès aux
contenus informatifs de ces dernières. Il faut donc une alternative textuelle
associée à cette image, c'est l’attribut Alt appliqué à la balise HTML img.
< img src=“chaton.jpg“ alt=“un bébé chat“ />

23. Accessibilité web
Un site accessible
Pour les sons l'alternative des
contenus sonores va reprendre
l'intégralité du texte parlé ou
chanté ainsi que les bruits
importants présents dans la
bande-son qui ont pour but de
donner une information
supplémentaire.
On peut proposer un lien vers
une page contenant une
transcription écrite du texte
audio. Ou reprendre l’intégralité
du texte sur la même page.

24. Accessibilité web
Un site accessible
Pour les vidéos, il convient d'ajouter des sous-titres à la vidéo pour que
l'alternative textuelle soit synchronisée avec la mention. Les sites de partage
de vidéos comme YouTube proposent aux fournisseurs de contenu un outil de
sous-titrage extrêmement facile à utiliser.

25. Accessibilité web
Un site accessible
Trop de sites utilisent des
contrastes trop faibles entre
le texte et le fond de la page.
Ce qui entraîne une importante
fatigue visuelle pour l'utilisateur
et implique un rejet de la page.
Il faut donc être prudent avec
les images de fond qui peuvent
avoir un impact très négatif sur
la lisibilité du texte. La taille des
textes et le choix des typos
doivent servir le confort de
lecture.

26. Accessibilité web
Un site accessible
Le respect des règles de ponctuation, afin de ne pas changer le sens d’une
phrase quand elle est lue par un synthétiseur vocal :
Example :
« C’est l’heure de manger, les enfants… »
« C’est l’heure de manger les enfants… »

27. Accessibilité web
Un site accessible
Les animations
Un texte défilant ou clignotant doit au moins pouvoir être mis en pause. Il
est fortement recommandé de ne pas utiliser ce genre d’animation.
Les sliders animés ou vidéos avec des enchainement cut trop rapides sont à
éviter aussi.
Exemple :
Le clip de Nine Inch Nails - Came Back Haunted par David Lynch
https://www.youtube.com/watch?v=1RN6pT3zL44
Cette vidéo a été identifiée par Epilepsy Action comme pouvant déclencher
des crises chez les personnes atteintes d'épilepsie photosensible.