<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>accessibilitecours4</title>
<meta http-equiv="Description" content="Jackadit" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<!-- <meta http-equiv=page-enter content=blendtrans(duration=0.3) />
<meta http-equiv=page-exit content=blendtrans(duration=0.3) /> -->
<meta name="Keywords" content="jackadit,formation,alsace,formation distance,individualisation,formations,en ligne,on line,online,langues" />
<meta name="Description" content="jackadit vous propose des formations à la carte" />
<meta name="rating" content="General" />
<meta name="expires" content="never" />
<meta name="language" content="french" />
<meta name="charset" content="utf-8" />
<meta name="distribution" content="Global" />
<meta name="robots" content="INDEX,FOLLOW" />
<meta name="revisit-after" content="15 jours" />
<meta name="Revisit-After" content="15 days" />
<meta name="email" content="
[email protected]" />
<meta name="author" content="Jackadit" />
<meta name="publisher" content="Jackadit" />
<meta name="copyright" content="Copyright 2007 - Jackadit" />
<meta name="Abstract" content="Le site de Jackadit est là pour vous aider à vous former à votre rythme." />
<meta name="Generator" content="Notepad++" />
<meta name="Identifier-URL" content="http://www.jackadit.com" />
<meta name="Reply-to" content="
[email protected]" />
<meta name="Title" lang="fr" content="Jackadit" />
<link rel="shortcut icon" type="image/x-icon" href="http://www.jackadit.com/favicon.ico" />
<!-- lien vers les feuilles de style -->
<link rel="stylesheet" type="text/css" href="../css/graphisme.css" media="all" />
<link rel="stylesheet" type="text/css" href="../css/positionnement.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../css/print.css" media="print" />
<!-- lien vers le fichier xml pour la syndication rss -->
<link rel="alternate" title="Jackadit... formez-vous !" type="application/rss+xml" href="news2.xml" />
<script type="text/javascript" src="../scripts/docking.js"></script>
</head>
<body>
<div id="conteneur">
<div id="entete">
<div class="stylecontenu">
<form action="index.php" method="get" id="searchbox">
<p><input name="inputsearch" id="inputsearch" type="text" value="mot clé" />
<input name="loupe" type="image" value="boutonrecherche" src="../images/icons/icon_search.gif" alt="bouton recherche" />
</p>
</form>
<h1 id="titre"><a href="../index.php">Jackadit</a></h1>
<p id="tagline">Formez-vous…</p>
<ul id="menu">
<li class="itempagecourante"><a href="index.php">Accueil</a></li>
<li class="itempage"><a href="xp.php?page=xp_intro" title="Windows XP">Windows XP</a></li>
<li class="itempage"><a href="oobase.php?page=oobase_intro" title="OpenOffice Base">OpenOffice Base</a></li>
<li class="itempage"><a href="excelvba.php?page=excelvba_intro" title="Excel VBA">Excel VBA</a></li>
<li class="itempage"><a href="accessibilite.php?page=accessibilite_intro" title="Accessibilité">Accessibilité</a></li>
<!--<li class="itempage"><a href="examoobase.php?page=exam_intro" title="Examen">Examen</a></li>-->
<!--<li class="itempage"><a href="access.php?page=access_intro" title="Access">Access</a></li>-->
<!--<li class="itempage"><a href="partieloobase.php?page=partiel_intro" title="Partiel OOBase">Partiel</a></li>-->
</ul>
</div>
</div>
<!-- Fin Entete --><!-- Debut Contenu -->
<div id="contenu">
<div class="stylecontenu">
<div class="navig">
<a href="accessibilite.php?page=accessibilitecours3">« Précédent</a> - Cours4 - <a href="accessibilite.php?page=accessibilitecours5">Suivant »</a> <a href="accessibilite.php?page=accessibilite_intro">Table des matières</a>
</div>
<div id="tdm" class="dockclass">
<h2>Accessibilité : Le cadre normatif et réglementaire : de WCAG au RGAA</h2>
<ul class="tdm">
<li><a href="#chap1" name="tdmchap1" id="tdmchap1">1-W3C, Web Accessibility Initiative et norme WCAG</a></li>
<li><a href="#chap2" name="tdmchap2" id="tdmchap2">2-Les méthodes d'applications de WCAG</a></li>
<li><a href="#chap3" name="tdmchap3" id="tdmchap3">3-Le cadre réglementaire en France : le RGAA</a></li>
</ul>
</div>
<div id="cours">
<h1>Accessibilité : Le cadre normatif et réglementaire : de WCAG au RGAA</h1>
<h1><a href="#tdmchap1" name="chap1" id="chap1">1-W3C, Web Accessibility Initiative et norme WCAG</a></h1>
<p>L’acronyme WCAG signifie Web Content Accessibility Guidelines, c'est-à-dire l’ensemble des directives pour l’accessibilité des contenus Web. Ce standard fut développé à la fin du siècle dernier par la WAI (Web Accessibility Initiative), un groupe de travail du W3C (World Wide Web Consortium). Le W3C est un consortium international d’acteurs influents dans le domaine des nouvelles technologies de l’information et des communications qui édictent bon nombre des standards liés au Web.</p>
<p>La version 2.0 du standard WCAG présente 61 critères de succès distincts classés en 14 directives, permettant de rendre les contenus davantage accessibles aux personnes handicapées. L’application de ces mêmes critères de succès présente également un impact positif et direct sur l’utilisation des contenus Web par les populations vieillissantes.</p>
<p>Les règles et les critères de succès des WCAG 2.0 sont souvent de portée plus générale que ce que l’on pouvait lire dans la version 1.0. Cela tient au fait que la version 2.0 s’adresse à l’ensemble des technologies utilisées sur le Web alors que les WCAG 1.0 étaient beaucoup plus centrées sur les technologies HTML et CSS.</p>
<h1><a href="#tdmchap2" name="chap2" id="chap2">2-Les méthodes d'applications de WCAG</a></h1>
<p>Les présentes directives expliquent comment rendre les contenus Web accessible aux personnes handicapées.<br />
Ces directives ont été écrites à l’attention de tous les créateurs de contenu pour le Web (auteurs de pages et concepteurs de sites)
et des développeurs d’outils de création de contenu.
<br />
L’objectif principal de ces directives est de promouvoir l'accessibilité [aux personnes handicapées].
Cependant, en les suivant, le contenu Web s’en trouvera plus accessible à tous les utilisateurs,
indépendamment du programme utilisateur (par exemple, logiciel de consultation bureautique [browser],
logiciel vocal, téléphone mobile, ordinateur personnel embarqué dans une automobile, etc.)
et quelques soient les contingences imposées par l’environnement d’utilisation
(par exemple, lieu bruyant, sur- ou sous-éclairé, en gardant les mains libres etc).<br />
En suivant ces directives, on permettra également aux utilisateurs de trouver de l’information sur le Web plus rapidement.<br />
Ces directives ne cherchent pas à décourager l’utilisation par les créateurs de contenu d’images, de vidéo, etc, mais expliquent plutôt comment rendre les contenus multimédias plus accessibles à une large audience.</p>
<ul>
<li><a href="#dir1" name="tdmdir1" id="tdmdir1">Directive 1.</a> Fournir des alternatives équivalentes au contenu visuel et auditif.</li>
<li><a href="#dir2" name="tdmdir2" id="tdmdir2">Directive 2.</a> Ne pas s’en remettre exclusivement aux couleurs.</li>
<li><a href="#dir3" name="tdmdir3" id="tdmdir3">Directive 3.</a> Utiliser le balisage HTML et les feuilles de style CSS de façon appropriée.</li>
<li><a href="#dir4" name="tdmdir4" id="tdmdir4">Directive 4.</a> Clarifier l’utilisation du langage naturel</li>
<li><a href="#dir5" name="tdmdir5" id="tdmdir5">Directive 5.</a> Créer des tableaux qui se transforment de façon élégante.</li>
<li><a href="#dir6" name="tdmdir6" id="tdmdir6">Directive 6.</a> S’assurer que les pages qui contiennent de nouvelles technologies (objets programmables, styles CSS) se transforment de façon élégante.</li>
<li><a href="#dir7" name="tdmdir7" id="tdmdir7">Directive 7.</a> Assurer à l'utilisateur le contrôle des changements du contenu lorsque ce dernier varie dans le temps (clignotements, mouvements, rafraîchissement du contenu, redirections).</li>
<li><a href="#dir8" name="tdmdir8" id="tdmdir8">Directive 8.</a> Assurer un accès direct aux interfaces utilisateur intégrées (objets Flash, applets JAVA).</li>
<li><a href="#dir9" name="tdmdir9" id="tdmdir9">Directive 9.</a> Concevoir en respectant l’indépendance par rapport au périphérique (souris, clavier, etc).</li>
<li><a href="#dir10" name="tdmdir10" id="tdmdir10">Directive 10.</a> Utiliser des solutions intermédiaires en attendant que les agents utilisateurs aient un meilleur support de l'accessibilité.</li>
<li><a href="#dir11" name="tdmdir11" id="tdmdir11">Directive 11.</a> Utiliser les technologies et directives du W3C.</li>
<li><a href="#dir12" name="tdmdir12" id="tdmdir12">Directive 12.</a> Fournir des informations de contexte et d’orientation.</li>
<li><a href="#dir13" name="tdmdir13" id="tdmdir13">Directive 13.</a> Fournir des mécanismes de navigation clairs.</li>
<li><a href="#dir14" name="tdmdir14" id="tdmdir14">Directive 14.</a> S’assurer que les pages sont claires et simples.</li>
</ul>
<p>Chaque directive détermine un ou plusieurs points de contrôles.</p>
<p>Chaque point de contrôle a un niveau de priorité assigné par le groupe de travail basé sur son impact sur l'accessibilité.
<h3>[Priorité 1]</h3>
<p>Un développeur de contenu web doit respecter ce point de contrôle. Sinon, un ou plusieurs groupes se trouveront dans l'impossibilité d'accéder à l'information contenue dans le document. Respecter ce point de contrôle est une condition de base pour permettre à certains groupes d'utiliser des documents Web. </p>
<h3>[Priorité 2]</h3>
<p>Un développeur de contenu web devrait respecter ce point de contrôle. Sinon, un ou plusieurs groupes vont éprouver des difficultées pour accéder à l'information contenue dans le document. Respecter ce point de contrôle supprimera des barrières importantes à l'accessibilité des documents web.</p>
<h3>[Priorité 3]</h3>
<p>Un développeur de contenu web peut répondre à ce point de contrôle. Sinon, un ou plusieurs groupes vont éprouver dans une certaine mesure des difficultées pour accéder à l'information contenue dans le document. Respecter ce point de contrôle améliorera l'accessibilité des documents web.</p>
<p>Certains points de contrôle spécifient un niveau de priorité qui peut changer dans certaines conditions (indiquées). </p>
<h2><a href="#tdmdir1" name="dir1" id="dir1">Directive 1.</a> Fournir des alternatives équivalentes au contenu visuel et auditif</h2>
<ul>
<li>1.1 Fournir un équivalent textuel à chaque élément non-textuel (par exemple via " alt ", " longdesc ", ou dans le contenu des éléments)</li>
<li>1.2 Fournir des liens textes redondants pour chaque région active d’une carte cliquable côté serveur.. [Priorité 1] </li>
<li>1.3 Fournir une description auditive des informations importantes de la piste visuelle d’une présentation multimédia Jusqu’à ce que les agents utilisateurs soient en mesure de lire automatiquement à haute voix l’équivalent textuel d’une piste visuelle. [Priorité 1]</li>
<li>1.4 Pour toute présentation multimédia temporisée (par exemple un film ou une animation), synchroniser les alternatives équivalentes (par exemples les sous-titres ou la description auditive des pistes visuelles) avec la présentation. [Priorité 1]</li>
<li>1.5 Jusqu’à ce que les agents utilisateurs soient en mesure de restituer les équivalents textuels des liens des cartes cliquables côté client, fournir des liens textuels redondants pour chaque région active d’une carte cliquable côté client. [Priorité 3]</li>
</ul>
<h2><a href="#tdmdir2" name="dir2" id="dir2">Directive 2.</a> Ne pas s’en remettre exclusivement aux couleurs</h2>
<ul>
<li>2.1 S’assurer que toute information convoyée par des couleurs est également accessible sans couleur, par exemple à partir du contexte ou de balises. [Priorité 1] </li>
<li>2.2 S’assurer que la combinaison de couleurs entre le premier plan et l’arrière-plan utilise suffisamment de contraste lorsqu’elle est utilisée par des personnes souffrant d’un déficit de perception des couleurs ou sur un écran noir et blanc. [Priorité 2 pour les images, Priorité 3 pour le texte].</li>
</ul>
<h2><a href="#tdmdir3" name="dir3" id="dir3">Directive 3.</a> Utiliser le balisage HTML et les feuilles de style CSS de façon appropriée</h2>
<ul>
<li>3.1 Quand un langage de balisage approprié existe, utiliser des balises plutôt que des images pour convoyer l’information. [Priori 2] </li>
<li>3.2 Créer des documents qui sont validés par des grammaires formelles publiées. [Priorité 2] </li>
<li>3.3 Utiliser des feuilles de style pour contrôler la mise en page et la présentation. [Priorité 2] </li>
<li>3.4 Utiliser des unités relatives plutôt qu’absolues dans les valeurs d’attributs du langage et les valeurs de propriétés des feuilles de style. [Priorité 2] </li>
<li>3.5 Utiliser les éléments d’en-tête pour convoyer la structure du document, et les utiliser en conformité avec les spécifications. [Priorité 2]</li>
<li>3.6 Marquer les listes et les éléments de listes correctement [Priorité 2] </li>
<li>3.7 Baliser les citations. Ne pas utiliser le balisage correspondant aux citations pour obtenir des effets de présentation comme l’indentation. [Priorité 2]</li>
</ul>
<h2><a href="#tdmdir4" name="dir4" id="dir4">Directive 4.</a> Clarifier l’utilisation du langage naturel</h2>
<ul>
<li>4.1 Identifier clairement les changements survenus dans le langage naturel du texte d'un document et équivalents (par exemple les légendes). [Priorité 1] </li>
<li>4.2 Spécifier la forme complète de toutes les abbréviations ou acronymes employés dans le document lors de la première utilisation. [Priorité 3] </li>
<li>4.3 Identifier le langage naturel principal du document. [Priorité 3] </li>
</ul>
<h2><a href="#tdmdir5" name="dir5" id="dir5">Directive 5.</a> Créer des tableaux qui se transforment de façon élégante</h2>
<ul>
<li>5.1 Pour les tableaux de données, identifier les en-têtes de lignes et de colonnes. [Priorité 1] </li>
<li>5.2 Pour les tableaux de données qui ont deux niveaux logiques d'en-tête de colonne ou de ligne ou plus , utiliser des balises pour associer les cellules de données et les cellules d'en-tête. [Priorité 1] </li>
<li>5.3 Ne pas utiliser les tables pour la mise en page, à moins qu'elles n'aient un sens lorsqu'elles sont déchiffrées en mode linéaire. Autrement, si la table n'a pas de signification, prévoir une version alternative (qui pourra être une version linéaire). [Priorité 2] </li>
<li>5.4 Dans le cas ou une table est employée pour la mise en page, il ne faut pas utiliser de balises structurelles dans un but de formatage visuel. [Priorité 2] </li>
<li>5.5 Créer des sommaires pour les tableaux. [Priorité 3] </li>
<li>5.6 Prévoir des abbréviations pour les étiquettes d'en-têtes. [Priorité 3] </li>
</ul>
<h2><a href="#tdmdir6" name="dir6" id="dir6">Directive 6.</a> S’assurer que les pages qui contiennent de nouvelles technologies se transforment de façon élégante</h2>
<ul>
<li>6.1 Organiser les documents de manière à ce qu'ils puissent être lus sans feuilles de style. Par exemple, lorsque un document HTML est restitué sans la feuille de style lui étant associée, il doit rester lisible.[Priorité 1] </li>
<li>6.2 S'assurer que les équivalences pour le contenu dynamique soient mises à jour lorsque ledit contenu dynamique change. [Priorité 1] </li>
<li>6.3 S'assurer que les pages soient visibles lorsque les scripts, les applets ou autres artefacts programmables sont désactivés ou non supportés. Lorsque ce n'est pas possible, fournissez une information équivalente sur une page alternative. [Priorité 1] </li>
<li>6.4 Pour les scripts et les applets, faites en sorte que les gestionnaires d'événements soient indépendants du dispositif d'entrée. [Priorité 2] </li>
<li>6.5 S'assurer que le contenu dynamique reste accessible, ou fournir une présentation alternative de la page. [Priorité 2] </li>
</ul>
<h2><a href="#tdmdir7" name="dir7" id="dir7">Directive 7.</a> Assurer à l'utilisateur le contrôle des changements du contenu lorsque ce dernier varie dans le temps</h2>
<p>Certaines personnes souffrant d'incapacités mentales ou visuelles ne peuvent pas lire un texte lorsqu'il bouge. Les mouvements peuvent causer une telle distraction que le reste d'une page peut devenir illisible pour des gens souffrant de handicap cognitif. Les dispositifs vocaux de lecture d'écran ne peuvent lire un texte en mouvement. Certaines personnes souffrant de handicap physique pourraient ne pas être en mesure de bouger suffisemment vite ou précisément pour interagir avec des objets en mouvement.</p>
<ul>
<li>7.1 Jusqu'à ce que les agents-utilisateurs permettent à l'utilisateur de contrôler les changements brusques de luminosité, il convient d'éviter de causer de tels changements sur l'écran [Priorité 1] </li>
<li>7.2 Jusqu'à ce que les agents-utilisateurs permettent de désactiver le clignotement, éviter de faire clignoter le contenu (par ex. Changer une présentation à intervalles régulier, comme une activation ou une désactivation). [Priorité 2] </li>
<li>7.3 Jusqu'à ce les agents-utilisateurs permettent de geler le contenu mobile, éviter les mouvements sur les pages. [Priorité 2] </li>
<li>7.4 Jusqu'à ce que les agents-utilisateurs permettent de stoper les mises à jour, éviter de créer des pages se mettant à jour automatiquement. [Priorité 2] </li>
<li>7.5 Jusqu'à ce que les agents-utilisateurs permettent de désactiver la fonction de redirection automatique, ne pas utiliser de commandes pour rediriger automatiquement les pages. Configurez plutôt le serveur pour accomplir cette fonction. [Priorité 2] </li>
</ul>
<h2><a href="#tdmdir8" name="dir8" id="dir8">Directive 8.</a> Assurer un accès direct aux interfaces utilisateur intégrées</h2>
<ul>
<li>8.1 Concevoir les éléments programmables tels que scripts et appliquettes de manière à ce qu'ils puissent être directement accessibles ou compatibles avec les différentes technologies d'assistance aux utilisateurs. [Priorité 1 si la fonctionnalité est importante et non présente ailleurs, sinon Priorité 2.] </li>
</ul>
<h2><a href="#tdmdir9" name="dir9" id="dir9">Directive 9.</a> Concevoir en respectant l’indépendance par rapport au périphérique</h2>
<ul>
<li>9.1 Prévoir des cartes cliquables côté client au lieu de cartes côté serveur, sauf lorsque les régions ne peuvent être définies par des formes géométriques disponibles. [Priorité 1] </li>
<li>9.2 S'assurer que tout élément qui possède sa propre interface peut être activé d'une manière indépendante du dispositif. [Priorité 2] </li>
<li>9.3 En ce qui concerne les scripts, il importe de spécifier les gestionnaires d'événements logiques plutôt que des gestionnaires d'événements dépendants de l'interface. [Priorité 2] </li>
<li>9.4 Développer un ordre logique de tabulation, pour les liens, éléments de formulaires et objets. [Priorité 3] </li>
<li>9.5 Prévoir des raccourcis clavier pour les liens importants (y compris ceux derrière les cartes cliquables côté client), les champs de formulaires, groupés ou individuels. [Priorité 3] </li>
</ul>
<h2><a href="#tdmdir10" name="dir10" id="dir10">Directive 10.</a> Utiliser des solutions intermédiaires en attendant que les agents utilisateurs aient un meilleur support de l'accessibilité.</h2>
<ul>
<li>10.1 Jusqu'à ce que le agents-utilisateurs permettent aux utilisateurs de fermer les fenêtres générées, ne pas produire de fenêtre successives ou à ouverture automatique, et ne pas modifier la fenêtre active sans prévenir l'utilisateur. [Priorité 2] </li>
<li>10.2 Jusqu'à ce que le agents-utilisateurs supportent les associations explicites entre étiquettes et contrôles de formulaires, s'assurer que les étiquettes sont correctement positionnées pour tous les contrôles de formulaire avec étiquettes implicitement associées. [Priorité 2] </li>
<li>10.3 Jusqu'à ce que les agents utilisateurs (comprenant les technologies d'assistance) puissent restituer des textes adjacents correctement, prévoir une alternative en mode texte linéaire (sur la page concernée ou sur une autre) pour toutes les tables qui formattent le texte en colonnes parallèles et qui ajustent le texte sur la largeur de la colonne. [Priorité 3] </li>
<li>10.4 Jusqu'à ce que les agents-utilisateurs puissent gérer correctement les contrôles vides, placer du texte pour occuper l'espace dans les champs vides des formulaires [boîtes de textes et lignes d'entrée de texte]. [Priorité 3] </li>
<li>10.5 Jusqu'à ce que les agents utilisateurs (comprenant les technologies d'assistance) puissent gérer correctement les liens hypertextes adjacents, insérer entre ces liens des caractères imprimables non-hypertextes.[Priorité 3] </li>
</ul>
<h2><a href="#tdmdir11" name="dir11" id="dir11">Directive 11.</a> Utiliser les technologies et directives du W3C</h2>
<p>Les directives actuelles recommandent l'utilisation des technologies du W3C (Par ex. HTML, CSS, etc.) pour plusieurs raisons :
<ul>
: