6 merge requests!12Accessibility website jen summer work,!9Q access 24 sp,!8Q access 24 sp,!5Latest update from Spring 2023,!4Latest update after pmp class,!3Updated content for week 3 and week 4 (week 4 still needs work)
The goal of this homework is to learn about basics of website accessibility and how to assess; Learn how to use automated tools (and their limitations); Learn how to address the limitations of automated tools using accessibility tools; Learn how to write up an assessment and prioritize whac problems to fix; Practice identifying paths to fixing problems. You will also have the opportunity to practice UI image description.
## 0. Pick a website and/or app and identify and review the most approprate guidelines for review
You may pick your website/app from listing belowor ask for instructor approval for one of your own. Note that there is a *task* associated with each website/app (and if you pick your own, you should also have a task in mind).
You may pick your website/app from listing belowor ask for instructor approval for one of your own. Note that there is a *task* associated with each website/app (and if you pick your own, you should also have a task in mind).
{% details Possible websites/apps %}
{% enddetails %}
...
...
@@ -54,7 +54,7 @@ For iOS, you should install the Accessibility Inspector, which is freely availab
### Test it yourself
Use a screen reader and switch input to assess the website and/or app, and your ability to complete the assigned task using accessibility tools. You may also use other accessibility tools if you feel there are things that does not address.
### Collect the data
### Record the data
When you encounter a problem,
- Name the problem
- List one or more guidelines that are violated (or say it is not in the guidelines)
...
...
@@ -67,7 +67,7 @@ The selected image in the upper left of the screen does not have
`contentDescription` property. **Google's Accessibility Scanner** will
classify this as "Item Label" error (defined in the paper above),
which will also mean a screen reader cannot read the alternative text
of the image to people with visual impairments.
of the image to people with visual impairments. To record this problem, you mi
{:width="500px"}
...
...
@@ -75,7 +75,7 @@ of the image to people with visual impairments.
You will turn in your raw notes on the problems you found
You will also write up 5 page report documenting problems and suggesting solutions. Your report should be accessible (including proper use of headings, ALT text, table markup and so on) and have the following structure:
- The first page should introduce the site, its purpose, and the task you assessed and state which tools you used in your assessment.
- The first page should introduce the site or app, its purpose, and the task you assessed and state which tools you used in your assessment.
- The first page should also have an executive summary of the biggest (most frequent, severe) problems, and your recommendations for fixing them. Keep this brief, you will provide more detail in the following pages.
- The next section of the report should provide an overview, and detail, on the problems found.
- You should start with an overview table that looks something like this.
...
...
@@ -86,7 +86,7 @@ You will also write up 5 page report documenting problems and suggesting solutio
