forked from DISIC/guide-impacts_utilisateurs
-
Notifications
You must be signed in to change notification settings - Fork 0
/
cadres.html
executable file
·114 lines (99 loc) · 5.34 KB
/
cadres.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
<!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>Cadres - 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="images.html"><span aria-hidden="true"> « </span> Images</a></li>
<li><a class="next" href="couleurs.html">Couleurs <span aria-hidden="true"> » </span></a></li>
</ul>
</nav>
<main id="main" role="main">
<h1 class="fiche-title">Cadres</h1>
<article class="article">
<p>Les utilisateurs principalement impactés sont les aveugles.</p>
</article>
<article class="article">
<h2 id="identification-cadres">Identification des cadres</h2>
<div class="col-1-2">
<h3>Critères</h3>
<ul>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-2-1">2.1</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-2-2">2.2</a></li>
</ul>
<h3>Utilisateurs principalement impactés</h3>
<p>Aveugles.</p>
<h3 class="warning">Impact : Faible à fort</h3>
<p>L’impact est très contextuel au nombre de cadres, à l’organisation de contenus dans la page et la nature des contenus diffusés. Si l’absence d’identification d’un cadre peut avoir un impact modéré, la multiplication de ce problème pour une même page peut constituer un véritable problème d’accès à l’information.</p>
</div>
<div class="col-1-2">
<h3>Explication</h3>
<p>Les lecteurs d’écrans disposent de fonctionnalités avancées de navigation rapide par type d’éléments dans la page ou par l’intermédiaire d’une liste des éléments de la page.</p>
<p>Dans ces deux modes de navigation, l’absence d’identification des cadres peut poser un problème de repérage dans la structure de la page ou de compréhension des contenus pour les aveugles.</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>