-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathliens.html
executable file
·119 lines (103 loc) · 6.26 KB
/
liens.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
<!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>Liens - 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="tableaux.html"><span aria-hidden="true"> « </span> Tableaux</a></li>
<li><a class="next" href="scripts.html">Scripts <span aria-hidden="true"> » </span></a></li>
</ul>
</nav>
<main id="main" role="main">
<h1 class="fiche-title">Liens</h1>
<article class="article">
<p>Les utilisateurs principalement impactés sont les aveugles et grands malvoyants, les déficients visuels ainsi que, dans une moindre mesure, les handicapés moteurs et les handicapés mentaux et cognitifs.</p>
</article>
<article class="article">
<h2 id="resumes">Liens explicites</h2>
<div class="col-1-2">
<h3>Critères</h3>
<ul>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-6-1">6.1</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-6-2">6.2</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-6-3">6.3</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-6-4">6.4</a></li>
<li><a href="http://references.modernisation.gouv.fr/referentiel/criteres.html#crit-6-5">6.5</a></li>
</ul>
<h3>Utilisateurs principalement impactés</h3>
<p>Aveugles, grands malvoyants, déficients visuels, handicapés moteurs.</p>
<h3 class="warning">Impact : Majeur</h3>
<p>L’impact est très dépendant de la nature des problèmes relevés et la nature des liens. Comme pour les alternatives d’images, un seul lien sans intitulé peut rendre l’ensemble d’un processus totalement inexploitable. Les problèmes concernant les liens vides au moins devraient être corrigés sans délai.</p>
</div>
<div class="col-1-2">
<h3>Explication</h3>
<p>Les aveugles et grands malvoyants qui accèdent au contenu par l’intermédiaire d’un lecteur d’écran et la plupart déficients visuels ne peuvent pas voir l’ensemble des contenus et de la page. Dans ce contexte en l’absence d’intitulé de lien explicite ou en présence de liens sans intitulé, ces utilisateurs peuvent être dans l’incapacité d’utiliser les contenus faute de pouvoir déterminer les actions associées aux liens.</p>
<p>Les handicapés moteurs, naviguant à la voix, en l’absence d’intitulés explicites peuvent devoir réaliser beaucoup d’action pour tester les liens ce qui peut rendre l’utilisation de la page excessivement complexe.</p>
<p>Enfin les handicapés mentaux ou cognitifs en l’absence d’intitulé explicite peuvent être dans l’incapacité de les comprendre et les utiliser.</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>