Exercice 6: Analyse du principe 2

Contenu en cours d'élaboration

Ce contenu est en cours d'élaboration de doit être révisé. S'il vous plaît nous aviser ou proposer une correction pour toute information ou codage incorrect ou hors de synchronisation avec le dépôt principal (wet-boew/wet-boew).

Durée :
40 Minutes
But :
Faire une révision du Principe 2.
Consignes :
  1. Formez des groupes.
  2. Lisez chaque scénario. Chacun des scénarios constitue une non-conformité aux normes en matière d’accessibilité.
  3. Pour chaque scénario ci-dessous, déterminez le critère de succès auquel contrevient l’énoncé et trouvez la « technique suffisante » à utiliser pour rectifier l’erreur en fonction du principe 1 et du principe 2.
  4. Choisissez un porte-parole qui présentera vos conclusions à la classe et préparez vos conclusions en vue de la plénière. Si vous voulez, vous pouvez utiliser un tableau-papier pendant votre exposé.
    5. Énoncées pour Exercice 6
    ScénarioCritère de succèsTechnique suffisante et / ou de l'échec commun
    Un gestionnaire d’événement avec script est ajouté à un élément span de manière à ce qu’il fonctionne comme un lien lorsqu’on clique dessus avec une souris.
    Une page Web contenant des nouvelles financières utilise la balise meta refresh pour rafraichir la page toutes les 60 secondes afin de maintenir l’actualité des grands titres.
    Un site généré au moyen de modèles a le même titre sur toutes ses pages.
    Une page de recherche donne des résultats comprenant à la fois un lien textuel et un lien image connexe qui est associé au thème des liens textuels. L’image est dotée d’un attribut ALT vide. Code:
    <a href="scores.html">
    	<img src="football.gif" alt="" />
    </a>
    <a href="scores.html">
    	Football Scoreboard
    </a>
    Un utilisateur se retrouve dans un plug-in et n’arrive pas à revenir au contenu à l’extérieur de celui du plug-in en utilisant le clavier. Il doit relancer son navigateur pour reprendre le contrôle et passer à une autre page et il est incapable d’accéder à tout contenu autre que celui du plug-in
    Une page contient une bande déroulante affichant des nouvelles. Il n’y a aucune manière de la mettre en pause.
    Utilisation de tabindex pour spécifier un ordre de tabulation de remplacement. Code:
    <ul>
    	<li><a href="main.html" tabindex="1">Homepage</a></li>
    	<li><a href="chapter1.html" tabindex="4">Chapter 1</a></li>
    	<li><a href="chapter2.html" tabindex="3">Chapter 2</a></li>
    	<li><a href="chapter3.html" tabindex="2">Chapter 3</a></li>
    </ul>
    Utilisation de CSS pour créer une bordure autour des liens qui a la même apparence que l’indicateur de focus.
    Une page présentant une liste de produits utilise un élément clignotant pour signaler des prix réduits.
    Un site utilise un « événement souris », où un clic sur une image envoie l’utilisateur à une page différente.
Previous Next
Date de modification :