Exercice 4: Analyse du principe 1

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 :
Mettre en application vos connaissances du Principe 1 des WCAG 2.0.
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. 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.
  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 4
    ScénarioCritères de SuccèsTechnique Suffisantes
    L’équivalent textuel d’une image est son nom de fichier.
    La couleur d’avant-plan est définie dans le CSS, mais la couleur de l’arrière-plan ne l’est pas. Code:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Réglage de la toile de fond</title>
    <style type="text/css">
    body {color:white}
    </style>
    </head>
    <body>
    <p>Mon premier plan est blanc.</p>
    </body>
    </html>
    On a utilisé l’élément blockquote pour du texte qui n’est pas une citation, de manière à le faire ressortir lorsqu’il est affiché dans des navigateurs graphiques.
    Une image est utilisée pour créer un espace vide entre des contenus, alors que l’espace elle-même n’a aucune signification pour le contenu. L’image a la valeur de texte optionnel « spacer ».
    Un site contient un narrateur qui joue pendant plus de 3 secondes sans qu’il soit possible de l’arrêter.
    On utilise un CAPTCHA sur la page pour empêcher les pourriels, mais on ne fournit pas de solutions de rechange.
    Un graphique à barres représentant des données sur les ventes est présenté sous forme d’image. Le graphique contient les chiffres de vente annuels de quatre employés du service des ventes. Les barres rouges indiquent des ventes inférieures aux quotas annuels. L’équivalent textuel se lit comme suit : « Le graphique suivant montre les chiffres de vente annuels du service des ventes. Mary a vendu pour 3,1 millions; Fred a vendu pour 2,6 millions; Bob a vendu pour 2,2 millions et Andrew a vendu pour 3,4 millions ».
    Une page avec des instructions pour remplir un formulaire de taxes contient une description textuelle des champs à remplir, des données à fournir, etc. En plus, un média synchronisé de remplacement donne les mêmes instructions en version audio, ainsi qu’une vidéo montrant une personne qui remplit le formulaire. Bien que les deux versions soient disponibles sur la même page, la version en média synchronisé est fournie ailleurs sur la page et la partie du texte qu’il remplace n’est pas clairement indiquée.
    Un utilisateur répond à un sondage en ligne. Il y a trois boutons au bas de du formulaire. Les instructions se lisent comme suit : « Appuyez sur le bouton carré pour quitter le sondage sans sauvegarder. Appuyez sur le bouton triangulaire pour sauvegarder l’information entrée jusqu’à présent. Vous pourrez ainsi y revenir plus tard pour finir de remplir le formulaire. Appuyez sur le bouton rond pour soumettre vos réponses au sondage ». Un utilisateur se servant d’un lecteur d’écran ou un utilisateur incapable de distinguer des formes ne peut pas déterminer quel bouton est carré, triangulaire ou rond.
Previous Next
Date de modification :