Les points de contrôle classés par thèmes

LISTE DES THÈMES.

INTERACTIVITÉ.

6.3 (P1)
Source	Formulation
WCAG 1.0 version anglaise	Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page.
WCAG 1.0 version française officielle	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.
WCAG 1.0 version française d'AccessibilitéWeb	S'assurer que les pages soient utilisables quand les scripts, les applets ou les autres objets programmatiques sont désactivés ou ne sont pas supportés. Si ce n'est pas possible, fournir une information équivalente sur une page alternative accessible.
Section 508 version anglaise	1194.22 (l) When pages utilize scripting languages to display content, or to create interface elements, the information provided by the script shall be identified with functional text that can be read by assistive technology. 1194.22 (m) When a Web page requires that an applet, plug-in or other application be present on the client system to interpret page content, the page must provide a link to a plug-in or applet that complies with §1194.21(a) through (l).
WCAG 2.0 version anglaise	4.2.1 At least one version of the content meets all level 1 success criteria, but alternate version(s) that do not meet all level 1 success criteria may be available from the same URI. (level 1) 4.2.3 At least one version of the content meets all level 2 success criteria, but alternate version(s) that do not meet all level 2 success criteria may be available from the same URI. (level 2)
AccessiWeb	Fiche 7.1 : Si un script nécessite une alternative pour être accessible, l'information donnée par cette alternative est-elle équivalente à l'information fournie par le script ? Fiche 11.7 : Le contrôle de saisie des champs du formulaire est-il accessible ?

Si vous utilisez des scripts, vous devez inscrire dans la section <noscript> un contenu équivalent à celui qui devient inaccessible sans les scripts, y compris tous les liens inutilisables sans Javascript.

Il n'est pas nécessaire de placer autant de section <noscript> qu'il y a de scripts. Une seule peut suffire dans laquelle vous regrouperez tout le contenu équivalent aux scripts. Cette balise peut être placée en début ou en fin de page, selon l'utilité de son contenu et n'apparaîtra à l'écran que lorsque javascript est désactivé.

Si les scripts n'ont qu'un effet décoratif comme l'illumination de boutons de navigation, le contenu équivalent peut n'être qu'une simple mention de cette fonction.

Attention ! Malgré ce que l'on pourrait croire, JAWS ne donne pas accès au contenu de l'élément <noscript> parce qu'il supporte Javascript même si ce support a des limites plus ou moins grandes selon la version utilisée.

En fait, JAWS supporte Javascript, mais ne supporte pas toutes les manipulations que l'on peut effectuer avec Javascript. Il ne supporte par, par exemple, les changements de visibilité effectués en manipulant la feuille de styles, ce qui rend plusieurs menus déroulant partiellement ou complètement inaccessibles.

Si le système de navigation comporte des menus déroulants ou extensibles, mais que l'en-tête de chacun des menus conduit à une page intermédiaire où l'on trouvera tous les liens contenus dans le menu déroulant, ce menu est tout de même jugé accessible puisque l'utilisateur dispose d'un autre moyen pour accéder au même contenu.

Pour créer un menu déroulant ou extensible dont le contenu sera visible pour JAWS, ce contenu doit être déclaré visible au moment du chargement de la page, quitte à être masqué immédiatement.

Exemple :

<html>
<head>
  <title>WebForm1</title>
  <style type="text/css">
    .open {display: block;} .closed {display: none;} a img {border: 0;}
  </style>
  <script type="text/javascript">
    function toggle(id) { 
      ul = "ul_" + id; 
      img = "img_" + id; 
      ulElement = document.getElementById(ul);
      imgElement = document.getElementById(img); 
      if (ulElement) { 
        if (ulElement.className == 'closed') { 
          ulElement.className = "open"; 
          imgElement.alt = "Cliquez pour fermer le sous-menu.";
          imgElement.src = "j2.gif"; 
        }
        else { 
          ulElement.className = "closed"; 
          imgElement.alt = "Cliquez pour ouvrir le sous-menu.";
          imgElement.src = "j1.gif"; 
        } 
      } 
    } 
  </script>
</head>
<body>
  …
  <ul class="open"> 
    <li id="item1">
      <a href="javascript:toggle('item1')">
        <img id="img_item1" src="j2.gif" alt="Cliquez pour ouvrir le sous-menu." />
        Qui sommes-nous?
      </a>
      <ul id="ul_item1">
        <li>item 1</li>
        <li>item 2</li>
        <li>item 3</li>
        <li>item 4</li>
      </ul>
    </li>
    <li id="item2">
      <a  href="javascript:toggle('item2')">
        <img id="img_item2" src="j2.gif" alt="Cliquez pour ouvrir le sous-menu." />
        Où allons-nous?
      </a>
      <ul id="ul_item2">
        <li>item 1</li>
        <li>item 2</li>
        <li>item 3</li>
        <li>item 4</li>
        <li>item 5</li>
        <li>item 6</li>
      </ul>
    </li>
  </ul>
  <!-- Si javascript est activé, ceci va fermer tout les menus 
  à l'ouverture de la page, sinon les menus resteront ouverts. --> 
  <script type="text/javascript">
    document.getElementById('ul_item1').className = "closed";
    document.getElementById('ul_item2').className = "closed";
  </script>
  <noscript>
    <p>Le script de cette page sert à contrôler le menu de navigation.</p>
  </noscript>
</body>
</html>

Note : L'exemple ci-dessus est tiré d'une page réalisée par René Jean.

Voir aussi A-Prompt : 6.3 et Technique 6.3 [anglais].

6.4 (P2) et 9.3 (P2)
Source	Formulation
WCAG 1.0 version anglaise	6.4 : For scripts and applets, ensure that event handlers are input device-independent. 9.3 : For scripts, specify logical event handlers rather than device-dependent event handlers.
WCAG 1.0 version française officielle	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. 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.
WCAG 1.0 version française d'AccessibilitéWeb	6.4 : Pour les scripts et les applets, s'assurer que les gestionnaires d'événements soient indépendants du périphérique d'entrée. 9.3 : Pour les scripts, spécifier des gestionnaires d'événements logiques plutôt que des gestionnaires d'événements dépendants du périphérique.
Section 508 version anglaise	6.4 : [Aucun équivalent.] 9.3 : [Aucun équivalent.]
WCAG 2.0 version anglaise	6.4 : 2.1.1 All functionality of the content is operable in a non-time-dependent manner through a keyboard interface, except where the task requires analog, time-dependent input. (level 1) 2.1.2 All functionality of the content is operable in a non-time-dependent manner through a keyboard interface. (level 3) Note: Device-independent event handlers are not explicitly required. 9.3 : 2.1.1 All functionality of the content is operable in a non-time-dependent manner through a keyboard interface, except where the task requires analog, time-dependent input. 2.1.2 All functionality of the content is operable in a non-time-dependent manner through a keyboard interface.
AccessiWeb	6.4 : Fiche 7.2 : Des actions peuvent-elles être accomplies même si le périphérique pour lequel elles sont prévues est désactivé ? Fiche 11.7 : Le contrôle de saisie des champs du formulaire est-il accessible ? 9.3 : Fiche 7.2 : Des actions peuvent-elles être accomplies même si le périphérique pour lequel elles sont prévues est désactivé ?

Vous devez vous assurer que les événements comme onmouseover ou onmouseout sont dédoublés avec des événements au clavier comme onfocus et onblur.

Ainsi, tous les événements déclenchés à l'aide de la souris pourront également l'être par l'utilisation du clavier. Les utilisateurs ayant des incapacités motrices ou visuelles pourront donc accéder au mêmes fonctionnalités que l'ensemble de vos visiteurs.

Tableau des événements dépendants et indépendants du périphérique
Événements dépendants	Événements indépendants
onmouseover	onfocus
onmouseout	onblur
onmousedown	onkeydown
onmouseup	onkeyup
onclick	onkeypress
ondblclick	Attention ! N'a pas d'équivalent

Exemple :

<a href="page.html" tabindex="1"
onmouseover="ChangeImage('image1.gif','image1b.gif')" 
onfocus="ChangeImage('image1.gif','image1b.gif')"
onmouseout="RetourImage('dehors')" 
onblur="RetourImage('dehors')">
  <img src="image1.gif" width="200" height="23" alt="Page d'accueil." />
</a>

Voir aussi A-Prompt : 6.4 et 9.3, Technique 6.4 [anglais] et Technique 9.3 [anglais].

8.1 (P1 ou P2) et 9.2 (P2)
Source	Formulation
WCAG 1.0 version anglaise	8.1 : Make programmatic elements such as scripts and applets directly accessible or compatible with assistive technologies [Priority 1 if functionality is important and not presented elsewhere, otherwise Priority 2.] 9.2 : Ensure that any element that has its own interface can be operated in a device-independent manner.
WCAG 1.0 version française officielle	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. 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.
WCAG 1.0 version française d'AccessibilitéWeb	8.1 : Rendre les éléments programmes comme les scripts et les applets directement accessibles ou compatibles avec les technologies d'adaptation. 9.2 : S'assurer que tout élément qui possède sa propre interface peut être utilisé de façon indépendante par rapport au périphérique.
Section 508 version anglaise	8.1 : [Aucun équivalent.] 9.2 : [Aucun équivalent.]
WCAG 2.0 version anglaise	8.1 : 4.1.2 For all user interface components, the name and role can be programmatically determined, values that can be set by the user can be programmatically set, and notification of changes to these items is available to user agents, including assistive technologies. (level 1) 4.2.1 At least one version of the content meets all level 1 success criteria, but alternate version(s) that do not meet all level 1 success criteria may be available from the same URI. (level 1) 4.2.2 Content meets the following criteria even if the content uses a technology that is not in the chosen baseline: (level 1) If content can be entered using the keyboard, then the content can be exited using the keyboard. Content conforms to success criterion 2.3.1 (general and red flash). 9.2 : 2.1.1 All functionality of the content is operable in a non-time-dependent manner through a keyboard interface, except where the task requires analog, time-dependent input. (level 1) 2.1.2 All functionality of the content is operable in a non-time-dependent manner through a keyboard interface. (level 3)
AccessiWeb	8.1 : [Aucun équivalent.] 9.2 : Fiche 7.2 : Des actions peuvent-elles être accomplies même si le périphérique pour lequel elles sont prévues est désactivé ?

Si vous incorporez des objets programmes à vos pages, ceux-ci doivent être accessibles avec les logiciels d'adaptation. Vous devez donc les tester pour vous en assurer.

La compagnie SUN a investi beaucoup d'effort pour permettre la réalisation d'applet ou d'applications Java accessibles. Suivez ce lien pour en savoir plus sur la programmation Java et l'accessibilité (en anglais). Un simple recherche en français sur les mots « java accessibilité » peut également vous fournir une multitude de références dans la langue de Molière.

Voir aussi A-Prompt : 8.1 et 9.2, Technique 8.1 [anglais] et Technique 9.2 [anglais].

6.2 (P1) et 6.5 (P2)
Source	Formulation
WCAG 1.0 version anglaise	6.2 : Ensure that equivalents for dynamic content are updated when the dynamic content changes. 6.5 : Ensure that dynamic content is accessible or provide an alternative presentation or page.
WCAG 1.0 version française officielle	6.2 : S'assurer que les équivalences pour le contenu dynamique soient mises à jour lorsque ledit contenu dynamique change. 6.5 : S'assurer que le contenu dynamique reste accessible, ou fournir une présentation alternative de la page.
WCAG 1.0 version française d'AccessibilitéWeb	6.2 : S'assurer que les équivalents pour le contenu dynamique soient mis à jour lorsque le contenu dynamique change. 6.5 : S'assurer que le contenu dynamique est accessible ou fournir une présentation ou une page alternative.
Section 508 version anglaise	6.2 : [Aucun équivalent.] 6.5 : [Aucun équivalent.]
WCAG 2.0 version anglaise	6.2 : Text alternatives are addressed in Guideline 1.1, 1.2, and 4.2. If providing a text alternative for content and that content changes, then the text alternative must also be changed or else you don't conform to Guideline 1.1, 1.2, and 4.2 anymore. 6.5 : 4.2.1 At least one version of the content meets all level 1 success criteria, but alternate version(s) that do not meet all level 1 success criteria may be available from the same URI. 4.2.3 At least one version of the content meets all level 2 success criteria, but alternate version(s) that do not meet all level 2 success criteria may be available from the same URI.
AccessiWeb	6.2 : Fiche 7.1 : Si un script nécessite une alternative pour être accessible, l'information donnée par cette alternative est-elle équivalente à l'information fournie par le script ? 6.5 : Fiche 2.3 : Y a t-il une balise NOFRAMES? Fiche 2.4 : Le contenu de la balise NOFRAMES est-il pertinent?

Une banque de photos à affichage aléatoire doit inclure un "alt" approprié pour chaque photo de la banque.

De même, le contenu modifié de façon dynamique en utilisant la technologie AJAX doit répondre aux trois conditions suivantes :

Le contenu généré doit être accessible,
Le concepteur doit prévoir une façon d'avertir l'utilisateur de toute mise à jour du contenu,
L'utilisateur doit disposer d'un moyen simple de se déplacer à ce nouveau contenu.

Voir aussi A-Prompt : 6.2 et Technique 6.2 [anglais], A-Prompt : 6.5 et Technique 6.5 [anglais]

Dernière mise à jour : 2006-10-29

Revenir au début de la page.

Contactez-nous !
Plan du site
Politique d'accessibilité