ahandrewh teaches IAT-339web design & development

Accessibility exercise (due June 24)

Introduction

This exercise is optional.

To improve the accessibility of your current project, you will be making use of a couple of tools to assist you in finding accessibility concerns or general errors in your website.

Instructions

For this exercise you will be making use of the Lighthouse tool available as part of Chrome Devtools. Select one of your more complex or important site URLs to test.

Run an automated audit

  1. Open Chrome Devtools.
  2. Locate the the Lighthouse tool either under the 'Audit' or 'Lighthouse' tab.
  3. Generate a report using the Performance, Best practices, and Accessibility categories for a mobile device.
  4. Note down three issues that you believe are most important to address. If you are unsure what they mean check-in with your TA or lecturer. If no issues arise, note that.

Run a manual audit

Please follow these instructions to test accessibility further, and note down any issues:

  1. As you use the 'tab' key to move through your site:
    • Does it move through the links in a logical order?
    • Does it indicate which element is selected?
    • Can you move through and fill out forms with just the keyboard?
  2. Can you tell apart interactive elements (i.e. buttons, links) from non-interactive elements (i.e. text, images)?
    • Can you tell when hovering over an item?
    • Can you tell when using the keyboard (tab) to select an item?
  3. Are there any concerns with your content?
    • Does link text always explain where the link goes, or what the button does?
    • Do you have any 'click here' or 'read more' links?
    • Is there only one <h1> for the page?
    • Is colour ever used as the only means of communicating a message (i.e. red/green buttons with no text)?
  4. Do all your images have alt attributes that effectively describe the image?

Type up a brief summary of the issues you found and include the URL for the page tested. You can submit the summary as text or a file to Canvas.

Your submission is due before lecture on June 24.

Exercise rules reminder

Please remember that the exercise rules still apply:

  1. You can use online resources, course materials, your TA, and lab-mates for support. This being said, others are not allowed to do your work for you. Also, if you are drawing from online resources, course materials, your TA or peers, you must;
  2. Cite any knowledge that is not yours in a comment in the code. The internet is a huge repository of information and you are welcome to use it, but you must let us know when something does not originate from your own knowledge.
  3. If work has been copied without citation the exercise grade will be zero. Please make sure to include comments indicating where you had assistance or learned.