-
Notifications
You must be signed in to change notification settings - Fork 5
/
handicap-visuel.html
executable file
·142 lines (124 loc) · 7.91 KB
/
handicap-visuel.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Handicap visuel - Défauts d’accessibilité : Impacts sur les utilisateurs</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/styles.css" media="all">
<link rel="stylesheet" href="css/print.css" media="print">
</head>
<body>
<div class="main-header">
<div class="inside">
<ul class="skip-links">
<li><a href="#main">contenu</a></li>
<li><a href="#navigation">navigation</a></li>
</ul>
<header role="banner" class="header clear" id="banner">
<h1 class="title">Défauts d’accessibilité : Impacts sur les utilisateurs</h1>
</header>
<nav role="navigation" class="gp-sommaire" id="navigation" aria-label="Sommaire du guide">
<button id="btnSommaire" aria-expanded="false">Sommaire</button>
<ul class="sommaire is-hidden" id="sommaireToggle">
<li><a href="index.html">Introduction</a></li>
<li><a href="personnes.html">Personnes handicapées et navigation sur le web</a>
<ul>
<li><a href="handicap-visuel.html">Handicap visuel</a></li>
<li><a href="handicap-auditif.html">Handicap auditif</a></li>
<li><a href="handicap-moteur.html">Handicap moteur</a></li>
<li><a href="handicap-mental.html">Handicap mental</a></li>
</ul>
</li>
<li><a href="rgaa.html">Problématiques prises en charge par les critères du RGAA pour les utilisateurs en situation de handicap</a>
<ul>
<li><a href="images.html">Images</a></li>
<li><a href="cadres.html">Cadres</a></li>
<li><a href="couleurs.html">Couleurs</a></li>
<li><a href="multimedia.html">Multimédia</a></li>
<li><a href="tableaux.html">Tableaux</a></li>
<li><a href="liens.html">Liens</a></li>
<li><a href="scripts.html">Scripts</a></li>
<li><a href="obligatoires.html">Éléments obligatoires</a></li>
<li><a href="structuration.html">Structuration</a></li>
<li><a href="presentation.html">Présentation</a></li>
<li><a href="formulaires.html">Formulaires</a></li>
<li><a href="navigation.html">Navigation</a></li>
<li><a href="consultation.html">Consultation</a></li>
</ul>
</li>
</ul>
</nav>
<div class="github-link">
<p><a title="Contribuer / Télécharger sur Github" href="https://github.com/DISIC/guide-impacts_utilisateurs/">Contribuer / Télécharger</a></p>
</div>
</div>
</div>
<div id="wrapper">
<nav role="navigation" class="internav clear">
<ul>
<li><a class="prev" href="personnes.html"><span aria-hidden="true"> « </span> Personnes handicapées et navigation sur le web</a></li>
<li><a class="next" href="handicap-auditif.html">Handicap auditif <span aria-hidden="true"> » </span></a></li>
</ul>
</nav>
<main id="main" role="main">
<h1 class="fiche-title">Handicap visuel</h1>
<article class="article">
<h2 id="aveugle">Personnes aveugles</h2>
<h3>Principales difficultés rencontrées</h3>
<p>Les personnes aveugles vont rencontrer des difficultés avec : </p>
<ul>
<li>tous les types de <strong>contenus non textuels</strong> (images, informations données uniquement par la couleur, vidéo, etc.) ;</li>
<li>la <strong>perception de la structure de l’information</strong> et des contenus qui leur sont proposés et auxquels elles accèdent de manière séquentielle (tableaux, les listes ou l’identification des principales zones de la page, etc.) ;</li>
<li>l’utilisation des <strong>éléments interactifs</strong> : éléments de formulaire, composants riches en JavaScript (système d’onglets, fenêtre modale ou calendrier de saisie) et contenus en mouvement ou encore insertion dynamique de contenus dans la page.
</li>
</ul>
<h3>Technologies d'assistance</h3>
<p>Les personnes aveugles accèdent aux contenus et aux fonctionnalités d'un site ou d'une application web par l’intermédiaire d'un <strong>lecteur d’écran</strong> qui :</p>
<ul>
<li>vocalise les contenus et certaines de leurs propriétés,</li>
<li>propose des fonctionnalités de navigation sophistiquées (raccourcis clavier spécifiques notamment),</li>
<li>et prend en charge l’ensemble des interactions avec les éléments interactifs.</li>
</ul>
<p>Un lecteur d’écran est un logiciel complexe à utiliser qui requiert une phase d'apprentissage. Il peut être optimisé par l’intermédiaire de paramètres destinés à en augmenter l’efficacité et à l’adapter aux capacités de l’utilisateur.</p>
<p>En complément du lecteur d’écran, les personnes aveugles braillistes peuvent utiliser une plage braille pour accéder aux contenus et interagir avec plus rapidement.</p>
<p>Pour en savoir plus sur les lecteurs d'écran et leur fonctionnement, nous vous invitons à <a href="https://disic.github.io/guide-lecteurs_ecran/lecteur-ecran.html">consulter le Guide sur les lecteurs d'écran</a>.</p>
</article>
<article class="article">
<h2 id="malvoyance">Personnes malvoyantes</h2>
<p>On regroupe derrière le terme de malvoyant des déficiences visuelles extrêmement diverses, liées à de nombreuses pathologies de la vision.</p>
<p>Sans viser l'exhaustivité, on peut distinguer les personnes malvoyantes qui :</p>
<ul>
<li>ne voient pas les couleurs, certaines combinaisons de couleurs ou qui ont des difficultés de perception des contrastes ;</li>
<li>ont une acuité visuelle réduite ;</li>
<li>souffrent de types de malvoyance particulières comme la perte de la vision périphérique ou à l’inverse, la perte de la vision centrale, qui génèrent de sérieuses difficultés de lecture ou de repérage dans la page.</li>
</ul>
<h3>Principales difficultés rencontrées</h3>
<p>Ces personnes vont rencontrer des difficultés avec :</p>
<ul>
<li>les informations données uniquement par la couleur,</li>
<li>l’insuffisance de contrastes,</li>
<li>l’utilisation de couleurs ou de combinaisons de couleurs imperceptibles (par exemple, le vert et le rouge pour les daltoniens deutéranopes),</li>
<li>la taille des caractères.</li>
</ul>
<h3>Technologies d'assistance</h3>
<p>Pour pallier leurs difficultés, elles peuvent utiliser des dispositifs permettant :</p>
<ul>
<li>d'augmenter les contrastes,</li>
<li>de choisir des combinaisons de couleurs qui leur sont perceptibles,</li>
<li>d'adapter la taille des caractères (réduire ou agrandir) à leur besoin,</li>
<li>d'agrandir l'écran grâce aux loupes d’écran, éventuellement couplées à des systèmes de vocalisation ou aux fonctionnalités d’agrandissement des caractères de leur navigateur.</li>
</ul>
</article>
</main>
<footer id="footer" role="contentinfo" class="clear">
<h2>Licence d'utilisation</h2>
<p class="logo-smgap"><a href="http://references.modernisation.gouv.fr/"><img src="img/modernisation-logo.jpg" alt="Secrétariat général pour le modernisation de l'action publique"></a></p>
<p>Ce document est la propriété du Secrétariat général à la modernisation de l'action publique français (SGMAP). Il est placé sous la <a href="https://www.etalab.gouv.fr/licence-ouverte-open-licence">licence ouverte 1.0 ou ultérieure</a>, équivalente à une licence <i lang="en">Creative Commons BY</i>. Pour indiquer la paternité, ajouter un lien vers la version originale du document disponible sur le <a href="https://github.com/DISIC">compte <span lang="en">GitHub</span> de la DInSIC</a>.</p>
</footer>
</div>
<script src="js/script.js"></script>
</body>
</html>