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
|
---
title: Accessibilité
slug: Accessibilité
tags:
- Accessibilité
- Avancé
- Développement Web
- Guide
translation_of: Web/Accessibility
---
<p><span class="seoSummary">L’accessibilité dans le développement web signifie permettre l'utilisation des sites web par le plus grand nombre de personnes, même lorsque les capacités de ces personnes sont limitées d’une manière ou d'une autre. Voici quelques informations qui vous permettront de développer du contenu accessible.</span></p>
<p>« <strong>L'accessibilité du web</strong> signifie que les personnes handicapées peuvent l'utiliser. Plus spécifiquement, elle signifie que ces gens peuvent percevoir, comprendre, naviguer, interagir avec le web, et y contribuer. L'accessibilité du web bénéficie également à d'autres, notamment les personnes âgées ayant des capacités diminuées dues au vieillissement. » ( <a href="http://fr.wikipedia.org/wiki/Accessibilit%C3%A9_du_web">L'accessibilité du Web définie dans Wikipédia</a>)</p>
<p>« <strong>L'accessibilité numérique est la mise à la disposition de tous les individus</strong> – quels que soient leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales – des ressources numériques. » <a href="http://www.w3.org/standards/webdesign/accessibility" hreflang="en" title="http://www.w3.org/standards/webdesign/accessibility">W3C Accessibility</a></p>
<div class="cleared topicpage-table">
<div class="section">
<h2 class="Key_accessibility_tutorials" id="Key_accessibility_tutorials" name="Key_accessibility_tutorials">Tutoriels clefs</h2>
<p>La documentation MDN <a href="/fr/docs/Accessibilit%C3%A9">Accessibilité</a> contient des tutoriaux modernes et à jour en ce qui concerne les points essentiels de l'accessibilité:</p>
<dl>
<dt><a href="/fr/docs/Apprendre/a11y/What_is_accessibility">Qu'est-ce que l'accessibilité?</a></dt>
<dd>Cet article présente un module général sur ce que l'accessibilité est actuellement — Cela inclut ce que des groupes de personnes ont besoin de considérer et pourquoi, quels outils ils utilisent afin d'interagir avec les pages web et comment rendre accessible la partie de notre espace de travail web.</dd>
<dt><a href="/fr/docs/Apprendre/a11y/HTML">HTML: Une bonne base pour l'accessibilité</a></dt>
<dd>Un nombre important de ressources du web peuvent être accessibles juste en utilisant correctement les éléments HTML dans leur usage approprié. Cet article résume en détail comment le HTML peut être utilisé afin de garantir une accessibilité maximum.</dd>
<dt><a href="/fr/docs/Apprendre/a11y/CSS_and_JavaScript">Meilleure pratiques d'accessibilité CSS et JavaScript </a></dt>
<dd>CSS et JavaScript, quand ils sont utilisés convenablement, ont le potentiel de permettre des expériences Web accessibles… ou bien ils peuvent significativement nuire à celle-ci si mal utilisés. <span lang="fr">Cet article décrit certaines pratiques exemplaires en langages CSS et JavaScript qui devraient être prises en compte pour garantir que le contenu, même complexe, soit aussi accessible que possible.</span></dd>
<dt><a href="/fr/docs/Apprendre/a11y/WAI-ARIA_basics">Les bases de WAI-ARIA</a></dt>
<dd><span lang="fr">Dans la continuité de l'article précédent, créer des interactions d'interface utilisateur (UX) complexes impliquant un HTML non sémantique et un contenu dynamique mis à jour par JavaScript peut être parfois compliqué. WAI-ARIA est une technologie qui peut aider à résoudre de tels problèmes en ajoutant d'autres sémantiques que les navigateurs et les technologies d'assistance peuvent reconnaître et utiliser afin de permettre aux utilisateurs d’être informés correctement. Ici, nous allons montrer comment l'utiliser à un niveau de base pour améliorer l'accessibilité.</span></dd>
<dt><a href="/fr/docs/Apprendre/a11y/Multimedia">Multimédia accessible </a></dt>
<dd><span lang="fr">Une autre catégorie de contenu pouvant créer des problèmes d'accessibilité est le multimédia : le contenu vidéo, audio et les images auxquels on doit fournir des textes équivalents pertinents afin qu'ils soient exploitables par les technologies d'assistance et compris par leurs utilisateurs. Cet article explique comment faire.</span></dd>
<dt><a href="/fr/docs/Apprendre/a11y/Mobile">Accessibilité sur mobile</a></dt>
<dd><span lang="fr">Étant donné que l'accès au Web sur les appareils mobiles est très populaire, et que les plate</span>s‑<span lang="fr">formes populaires telles que iOS et Android disposent d'outils d'accessibilité à part entière, il est important de considérer l'accessibilité de votre contenu Web sur ces plate</span>s‑<span lang="fr">formes. Cet article examine les considérations d'accessibilité spécifiques aux mobiles.</span></dd>
</dl>
</div>
<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Documentation" name="Documentation">Documentation</h2>
<dl>
<dt><a href="/fr/docs/Accessibilité/Développement_Web" title="Développement Web">Développement web</a></dt>
<dd>Un ensemble d'articles soulignant les problèmes d'accessibilité dans le développement web.</dd>
<dt><a href="/fr/docs/Accessibilité/ARIA" title="/fr/docs/Accessibilité/ARIA">ARIA</a></dt>
<dd>Un ensemble d'articles pour apprendre à utiliser ARIA pour améliorer l'accessibilité de vos documents HTML.</dd>
<dt><a href="/fr/docs/Accessibilité/Développement_TA" title="Développement AT">Développement de Technologie d'assistance (TA)</a></dt>
<dd>Un ensemble d'articles destiné aux développeurs de technologies d'assistance.</dd>
<dt><a href="/fr/docs/Accessibilité/Checklist_accessibilite_mobile">Check-list pour l'accessibilité mobile</a></dt>
<dd>Ce document fournit une liste concise des requis accessibilité pour les développeurs d’applications mobiles.</dd>
</dl>
<p><span class="alllinks"><a href="/fr/docs/tag/Accessibilité" title="/fr/docs/tag/Accessibilité">Tous les articles relatifs à l'accessibilité…</a></span></p>
</div>
<div class="section">
<h2 class="Tools" id="Tools" name="Tools">Outils pour les développeurs web</h2>
<ul>
<li><a class="external" href="http://www-archive.mozilla.org/quality/embed/plans/accessibility/nsIAccessibleTestPlan.html" title="http://www-archive.mozilla.org/quality/embed/plans/accessibility/nsIAccessibleTestPlan.html">Tests d'accessibilité automatisés</a></li>
<li><a class="external" href="http://www.standards-schmandards.com/index.php?show/fangs">Fangs, un émulateur de lecteur d'écran</a></li>
</ul>
<p><span class="alllinks"><a href="/fr/docs/tag/Accessibilité:Outils" title="fr/docs/tag/Accessibilité:Outils">Tous les outils…</a></span></p>
<h2 class="Tools" id="Tools" name="Tools">Autres ressources</h2>
<ul>
<li><a class="external" href="https://support.mozilla.org/kb/accessibility-features-firefox-make-firefox-and-we">Liste des lecteurs d'écran</a></li>
<li><a class="external" href="http://openweb.eu.org/">OpenWeb</a> — Très bon site offrant à la fois un regard expert sur le web et des exemples concrets d'utilisation des normes du W3C.</li>
<li><a class="external" href="http://opquast.com/">Opquast.com</a> — Bonnes pratiques qualité pour les services en ligne.</li>
<li><a class="external" href="http://www.accessiweb.org/index.php/accessiweb_2.2_liste_generale.html">AccessiWeb</a> — Référentiel AccessiWeb pour l'accessibilité.</li>
<li><a href="http://accede-web.com/fr/projet-accede-web/" title="http://accede-web.com/fr/projet-accede-web/">AcceDe Web</a> — Documents adaptés aux principaux intervenants d’un projet web.</li>
</ul>
</div>
</div>
</div>
|
