-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathstructuration.html
executable file
·165 lines (147 loc) · 9.24 KB
/
structuration.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
<!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>Structuration - 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="obligatoires.html"><span aria-hidden="true"> « </span> Éléments obligatoires</a></li>
<li><a class="next" href="presentation.html">Présentation <span aria-hidden="true"> » </span></a></li>
</ul>
</nav>
<main id="main" role="main">
<h1 class="fiche-title">Structuration</h1>
<article class="article">
<p>Les utilisateurs principalement impactés sont les aveugles, les grands malvoyants, les handicapés moteurset les handicapés mentaux.</p>
<p>Dans cette section :</p>
<ul>
<li><a href="#titres-listes">Structuration des pages : titres et listes</a></li>
<li><a href="#html5">Structuration du document HTML5</a></li>
<li><a href="#abbr-citations">Identification des abréviations et des citations</a></li>
</ul>
</article>
<article class="article">
<h2 id="titres-listes">Structuration des pages : titres et listes</h2>
<div class="col-1-2">
<h3>Critères</h3>
<ul>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-9-1">9.1</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-9-3">9.3</a></li>
</ul>
<h3>Utilisateurs principalement impactés</h3>
<p>Aveugles, grands malvoyants, handicapés moteurs.</p>
<h3 class="warning">Impact : Modéré à fort</h3>
<p>S’il n’y a généralement pas d’impact en termes d’accès à l’information, les problèmes relevés sur le titrage devraient être corrigés sans délai. La présence de titre est un dispositif qui est plébiscité par les utilisateurs.</p>
<p>Les problèmes relevés sur les listes peuvent avoir un impact moins fort, mais la désactivation des fonctionnalités de navigation rapide dans les listes peut compliquer à l’excès la navigation dans le contenu.</p>
<p>Une attention particulière devrait être portée aux successions de liens. Certains lecteurs d'écran peuvent en effet répéter le terme « lien » plusieurs fois de suite pour un même lien par exemple, lors de la mise à jour du tampon de vocalisation. L'utilisation de listes peut alors permettre à l'utilisateur de faire une distinction claire entre les liens.</p>
</div>
<div class="col-1-2">
<h3>Explication</h3>
<p>En l’absence d’un titrage du contenu, les aveugles et les grands malvoyants peuvent rencontrer des difficultés à comprendre et retrouver de l’information dans le contenu.</p>
<p>En l’absence de listes certains types de contenus comme les successions de liens peuvent devenir ambigus ou difficilement identifiables.</p>
<p>Dans les deux cas, absences de titres et de listes, les fonctionnalités de navigation proposées par les lecteurs d’écran pour les aveugles et grands malvoyants ou directement par les navigateurs ou des <span lang="en">plug-ins</span> pour les handicapés moteurs seront inopérantes.</p>
</div>
</article>
<article class="article">
<h2 id="html5">Structuration du document HTML5</h2>
<div class="col-1-2">
<h3>Critères</h3>
<ul>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-9-2">9.2</a></li>
</ul>
<h3>Utilisateurs principalement impactés</h3>
<p>Aveugles, grands malvoyants, handicapés moteurs.</p>
<h3 class="warning">Impact : Modéré à fort</h3>
<p>Ces fonctionnalités sont essentielles pour les aveugles, grands malvoyants et handicapés moteurs. Les problèmes de structure HTML5, parce qu’ils peuvent compliquer à l’excès la navigation dans le contenu, devraient être traités systématiquement.</p>
</div>
<div class="col-1-2">
<h3>Explication</h3>
<p>Les lecteurs d’écrans ou certains <span lang="en">plug-ins</span> de navigateurs proposent des moyens de navigation rapide fondés sur les éléments de structure du document en HTML5.</p>
<p>En leur absence les aveugles et grands malvoyants peuvent avoir des difficultés à identifier les grandes zones du document ou à circuler rapidement dans la page, par exemple sur les éléments de navigation.</p>
<p>Les handicapés moteurs verront quant à eux les fonctionnalités d’accès rapides aux grandes zones du document inopérantes.</p>
</div>
</article>
<article class="article">
<h2 id="abbr-citations">Identification des abréviations et des citations</h2>
<div class="col-1-2">
<h3>Critères</h3>
<ul>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-9-4">9.4</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-9-5">9.5</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-9-6">9.6</a></li>
</ul>
<h3>Utilisateurs principalement impactés</h3>
<p>Aveugles, grands malvoyants, handicapés mentaux.</p>
<h3 class="warning">Impact : Faible à fort</h3>
<p>L’impact est très dépendant du volume des problèmes relevés, il est d’autant plus fort si une fonctionnalité ou une partie du contenu dépend de la compréhension d’une abréviation par exemple.</p>
</div>
<div class="col-1-2">
<h3>Explication</h3>
<p>L’absence de définition des abréviations peut rendre le contenu plus compliqué à comprendre pour tous les utilisateurs et plus particulièrement les handicapés mentaux.</p>
<p>L’absence de signalement des citations peut rendre le contenu plus complexe à comprendre pour les aveugles et les grands malvoyants et générer des ambiguïtés et des incompréhensions.</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>