-
Notifications
You must be signed in to change notification settings - Fork 2
/
ressources.html
executable file
·126 lines (105 loc) · 6.21 KB
/
ressources.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
<!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>Ressources - Guide sur les lecteurs d'écran</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">Guide sur les lecteurs d'écran</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">1. Introduction</a></li>
<li>
<ul>
<li><a href="lecteur-ecran.html">Qu'est-ce qu'un lecteur d'écran ?</a></li>
<li><a href="environnement.html">À chaque environnement, ses lecteurs d’écran</a></li>
<li><a href="restitution.html">Comment un lecteur d'écran restitue l'information</a></li>
</ul>
</li>
<li><a href="installation-config.html">2. Installation et configuration des lecteurs d’écran</a></li>
<li>
<ul>
<li><a href="jaws.html">Installation et configuration de <span lang="en">JAWS</span></a></li>
<li><a href="nvda.html">Installation et configuration de NVDA</a></li>
<li><a href="voiceover.html">Installation et configuration de <span lang="en">VoiceOver</span></a></li>
</ul>
</li>
<li><a href="composants.html">3. Tester des composants ARIA avec un lecteur d'écran</a></li>
<li>
<ol>
<li><a lang="en" href="1-slider.html">Slider</a></li>
<li><a lang="en" href="2-progressbar.html">Progressbar</a></li>
<li><a lang="en" href="3-dialog.html">Dialog / Alert Dialog</a></li>
<li><a lang="en" href="4-tabpanel.html">Tabpanel</a></li>
<li><a lang="en" href="5-tooltip.html">Tooltip</a></li>
<li><a lang="en" href="6-button.html">Button</a></li>
<li><a lang="en" href="7-checkbox.html">Checkbox</a></li>
<li><a lang="en" href="8-menubar.html">Menubar</a></li>
<li><a lang="en" href="9-accordion.html">Accordion</a></li>
<li><a lang="en" href="10-tree.html">Tree</a></li>
<li><a lang="en" href="11-datepicker.html">DatePicker</a></li>
<li><a lang="en" href="12-autocomplete.html">Autocomplete</a></li>
</ol>
</li>
<li><a href="ressources.html">4. Ressources</a></li>
</ul>
</nav>
<div class="github-link">
<p>
<a title="Contribuer / Télécharger sur Github" href="https://github.com/DISIC/guide-lecteurs_ecran">Contribuer / Télécharger</a>
</p>
</div>
</div>
</div>
<div id="wrapper">
<nav role="navigation" class="internav clear">
<ul>
<li><a class="prev" lang="en" href="12-autocomplete.html"><span aria-hidden="true"> « </span> Datepicker</a></li>
</ul>
</nav>
<main id="main" role="main">
<h1 class="fiche-title">Ressources</h1>
<article class="article">
<h2>Ressources en français</h2>
<ul>
<li><a href="http://www.aveuglesdefrance.org/actualites/etude-sur-lusage-des-lecteurs-decran-en-france-et-en-francophonie-une-premiere-etape">Étude sur l’usage des lecteurs d’écran en France et en Francophonie</a></li>
<li><a href="https://www.apple.com/fr/voiceover/info/guide/_1131.html">Gestes <span lang="en">VoiceOver</span></a></li>
<li><a href="http://www.nvda-fr.org/dl/userGuide.html">Guide de l'utilisateur de NVDA 2016.3</a></li>
<li><a href="https://github.com/DISIC/guide-mobile_app_audit#ii-introduction-au-lecteur-d%C3%A9cran">Guide d'audit d'applications mobiles - Introduction au lecteur d'écran</a> (<span lang="en">VoiceOver iOS</span> et <span lang="en">TalkBack</span>)</li>
</ul>
<h2>Ressources en anglais</h2>
<ul>
<li><a lang="en" href="http://w3c.github.io/aria-in-html/#checklist">Notes on Using ARIA in HTML - W3C Editor's Draft 17 September 2016</a></li>
<li><a lang="en" href="http://webaim.org/articles/screenreader_testing/">Testing with Screen Readers</a> par <span lang="en">WebAim</span></li>
<li><a href="http://webaim.org/articles/voiceover/">Tutoriel de <span lang="en">WebAim</span> en anglais sur l'utilisation de VoiceOver</a></li>
<li lang="en"><a href="https://egghead.io/lessons/tools-using-the-voiceover-screen-reader-to-test-for-accessibility">Using the VoiceOver screen reader to test for accessibility </a> - Tools lesson by Marcy Sutton</li>
<li><a href="https://developer.yahoo.com/blogs/ydn/quick-navigation-mode-voiceover-screen-reader-mac-101957388.html">Quick Navigation Mode In VoiceOver Screen Reader for the Mac</a></li>
<li><a href="http://jongund.github.io/oaa-examples/examples/menubar/menubar-1/menubar-1.html">Exemples de barres de menu avec ARIA par Jon Gunderson</a></li>
<li><a lang="en" href="http://pauljadam.com/moderna11y/">Modern Web Accessibility with JavaScript & WAI-ARIA</a> par Paul J Adam</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>