-
Notifications
You must be signed in to change notification settings - Fork 5
/
formulaires.html
executable file
·175 lines (157 loc) · 10.7 KB
/
formulaires.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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!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>Formulaires - 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="presentation.html"><span aria-hidden="true"> « </span> Présentation</a></li>
<li><a class="next" href="navigation.html">Navigation <span aria-hidden="true"> » </span></a></li>
</ul>
</nav>
<main id="main" role="main">
<h1 class="fiche-title">Formulaires</h1>
<article class="article">
<p>Les utilisateurs principalement impactés sont les aveugles, les grands malvoyants, les déficients visuels, les handicapés moteurs et les handicapés mentaux.</p>
<p>Dans cette section :</p>
<ul>
<li><a href="#label">Identification des champs, des contrôles et des regroupements de formulaires</a></li>
<li><a href="#label-visible">Association visuelle des étiquettes de champ de saisie</a></li>
<li><a href="#controle">Contrôle de saisie</a></li>
</ul>
</article>
<article class="article">
<h2 id="label">Identification des champs, des contrôles et des regroupements de formulaires</h2>
<div class="col-1-2">
<h3>Critères</h3>
<ul>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-11-1">11.1</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-11-2">11.2</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-11-3">11.3</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-11-5">11.5</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-11-6">11.6</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-11-7">11.7</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-11-8">11.8</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-11-9">11.9</a></li>
</ul>
<h3>Utilisateurs principalement impactés</h3>
<p>Aveugles, déficients visuels, handicapés moteurs, handicapés mentaux.</p>
<h3 class="warning">Impact : Fort à majeur</h3>
<p>L’impact dépend de la nature et du volume de problèmes relevés, mais constitue toujours un problème grave qui devrait être corrigé sans délai.</p>
<p>Cela est particulièrement vrai pour l’absence d’étiquettes ou de bouton pertinent et de regroupement de champs de saisie.</p>
</div>
<div class="col-1-2">
<h3>Explication</h3>
<p>Les aveugles et grands malvoyants et les déficients visuels qui utilisent des lecteurs d’écrans ou des loupes vocalisées auront des difficultés majeures pour remplir le formulaire s'il contient des champs de saisie dépourvus d’étiquette, de regroupement (par exemple pour les cases à cocher et les boutons radio).</p>
<p>Les déficients visuels qui ne voient qu’une partie limitée de l’écran pourraient rencontrer des difficultés sur des formulaires complexes mettant en jeu plusieurs boutons si ces derniers sont dépourvus de boutons pertinents.</p>
<p>Les handicapés moteurs qui utilisent des systèmes de contrôles vocaux pourraient rencontrer des difficultés de navigation dans le formulaire si ce dernier contient des champs de saisie dépourvus d’étiquette pertinente ou de bouton pertinent.</p>
<p>Les handicapés mentaux pourraient rencontrer des difficultés pour comprendre les saisies attendues et envoyer le formulaire si ce dernier contient des champs de saisie dépourvus d’étiquettes pertinentes ou de boutons pertinents.</p>
<p>Enfin, les aveugles et grands malvoyants, les déficients visuels et les handicapés mentaux pourraient rencontrer des difficultés si les listes de sélections complexes ou contenant beaucoup d’items ne sont pas structurées par des regroupements.</p>
</div>
</article>
<article class="article">
<h2 id="label-visible">Association visuelle des étiquettes de champ de saisie</h2>
<div class="col-1-2">
<h3>Critères</h3>
<ul>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-11-4">11.4</a></li>
</ul>
<h3>Utilisateurs principalement impactés</h3>
<p>Déficients visuels.</p>
<h3 class="warning">Impact : Modéré à fort</h3>
<p>Si ce problème n’impacte pas, au sens strict, l’accès à l’information, il peut rendre la saisie particulièrement complexe.</p>
</div>
<div class="col-1-2">
<h3>Explication</h3>
<p>Les déficients visuels qui ne perçoivent qu’une partie limitée de l’écran pourraient rencontrer des difficultés lors de la saisie si les étiquettes ne sont pas visuellement accolées aux champs de saisie.</p>
</div>
</article>
<article class="article">
<h2 id="controle">Contrôle et aide à la saisie</h2>
<div class="col-1-2">
<h3>Critères</h3>
<ul>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-11-10">11.10</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-11-11">11.11</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-11-12">11.12</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-11-13">11.13</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-11-14">11.14</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-11-15">11.15</a></li>
</ul>
<h3>Utilisateurs principalement impactés</h3>
<p>Aveugles, grands malvoyants, déficients visuels, handicapés mentaux.</p>
<h3 class="warning">Impact : Fort à majeur</h3>
<p>Si l’impact peut varier de manière importante en fonction de la nature et du volume de problème relevé, cela constitue toujours un problème grave qui devrait être traité sans délai.</p>
<p>À noter que le RGAA accepte que les messages d’erreur soient présents préalablement à la saisie sans liaison programmatique permettant de les vocaliser au moment de la prise d’action sur les champs concernés. Si cette pratique est envisageable dans certains cas (formulaire court, saisie implicite, etc.) cette pratique atteint très vite ses limites dans les formulaires plus complexes jusqu’à constituer un véritable problème d’accessibilité.</p>
</div>
<div class="col-1-2">
<h3>Explication</h3>
<p>Les aveugles et grands malvoyants et les déficients visuels qui utilisent un lecteur d’écran ou une loupe vocalisée pourraient rencontrer des difficultés majeures si les messages d’erreur ne sont pas vocalisés préalablement à la saisie.</p>
<p>De même ces utilisateurs pourraient être dans l’ignorance de la présence d’erreur de saisie si celle-ci n’est pas indiquée dans le titre de la page en cas de rechargement de page.</p>
<p>Enfin les handicapés mentaux pourraient être dans l’incapacité de remplir un champ de formulaire sans indication préalable du format attendu ou fourniture d’un exemple de saisie réelle en cas d’erreur persistante.</p>
</div>
</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>