Exercise 6: Principle 2 Review

Time:
40 Minutes
Purpose:
To review Principle 2.
Instructions:
  1. Divide into groups.
  2. Read each scenario. Each scenario constitutes a failure to meet accessibility standards.
  3. For each scenario below, identify which success criterion the statement fails and which sufficient technique can be used to remedy that failure using Principle 1 and 2.
  4. Select a reporter to share your findings with the class and prepare your findings for plenary; you may use a flip chart for the presentation if desired.
  5. Exercise 6 Scenarios
    ScenarioSuccess CriterionSufficient Technique and/or Common Failure
    Scripted event handling is added to a span element so that it functions as a link when clicked with a mouse.
    A financial news page uses the meta refresh technique to refresh the page every 60 seconds to keep their headlines current.
    A site generated using templates uses the same title for each page on the site.
    A search page returns search results that include both a text link and a related image link that matches the topic of the text links. The image has a null alt attribute. Code:
    <a href="scores.html">
    <img src="football.gif" alt="" />
    </a>
    <a href="scores.html">
    Football Scoreboard
    </a>
    A user tabs into a plug-in and is unable to return to the content outside of the plug-in by using only the keyboard. The user has to restart their browser in order to regain control and as a result is unable to access any content that appears beyond the plug-in content.
    A page has a scrolling news ticker without a mechanism to pause it.
    Part of a Web page uses the tabindex element to specify an alternative tab order. 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>
    A developer uses CSS to create an outline around links without focus that looks the same as the focus indicator.
    A product list page uses the blink element to draw attention to sale prices.
    A site uses a mouse event where a click on an image sends users to a different page.
Previous Next
Date modified: