Exercise 4: Principal 1 review

Time:
40 Minutes
Purpose:
To apply your knowledge of Principle 1 of WCAG 2.0.
Instructions:
  1. Divide into groups
  2. Read each scenario. Each scenario constitutes a failure to meet accessibility standards.
  3. Identify which success criterion the statement fails and which sufficient technique can be used to remedy that failure using Principle 1.
  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 4 Scenarios
    ScenarioPrinciple, Guideline, Success CriterionSufficient Techniques
    The text alternative for an image is its file name.
    The foreground colour is defined in the CSS stylesheet, however the background colour is not defined. Code:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Setting the canvas background</title>
    <style type="text/css">
    body {color:white}
    </style>
    </head>
    <body>
    <p>My foreground is white.</p>
    </body>
    </html>
    Using the blockquote element for text that is not a quotation to give it prominence by indenting it when displayed in graphical browsers.
    An image is used to create a blank space between content, where the spacing itself is not meaningful to the content and where the image has an alt text value of "spacer".
    A page uses an audio narration that lasts more than 3 seconds and there is no mechanism to stop it.
    A page uses a CAPTCHA to prevent spam without any alternatives provided.
    A bar chart of sales data is provided as an image. The chart includes yearly sales figures for four employees in the Sales Department. The red bars indicate sales that were below the yearly quota. The text alternative for the image reads: "The following bar chart displays the yearly sales figures for the Sales Department. Mary sold 3.1 Million; Fred, 2.6 Million; Bob, 2.2 Million; and Andrew, 3.4 Million."
    A page with instructions to complete a form provides a prose description of the fields to complete, data to provide, etc. Additionally, a synchronized media alternative provides spoken instructions, with audio / video of a person completing the section. Although both versions are provided on the page, it is not clearly labelled that is it a substitute.
    A user is completing an online survey. There are three buttons at the bottom of the survey form. The instructions read: "Press the square button to exit the survey without saving. Press the triangle button to save in-progress survey results"
Previous Next
Date modified: