diff --git a/assignments/img/library_evaluation.png b/assignments/img/library_evaluation.png index 181f74191fee34e19c3553a692b81cfe9adcfd25..c6a740371da1ec2773a84b17e9aee5e2a8127d31 100644 Binary files a/assignments/img/library_evaluation.png and b/assignments/img/library_evaluation.png differ diff --git a/slides/assessment.html b/slides/assessment.html index 0eae2493e99c0c370d60fb224da0542062bcd9df..932d3fbe4005882a78bf57d38225feb2a838e23f 100644 --- a/slides/assessment.html +++ b/slides/assessment.html @@ -469,26 +469,6 @@ Try out [WebAIM for the UW Library](https://wave.webaim.org/report#/https://www. ??? Talk about how the type of errors found relates to the concepts we've discussed so far ---- -# Example from the UW Library - -- **Name** as "Missing Image ALT Text"; -- **Evidence** Guideline violated: 1.1 ([Text Alternatives](https://www.w3.org/WAI/WCAG22/Understanding/text-alternatives)); - - **Screen Shot** as the image and URL ([lib.washington.edu](https://www.lib.washington.edu/)); - - ---- -# Example from the UW Library - -- **Name** as "Missing Image ALT Text"; -- **Evidence** Guideline violated: 1.1 ([Text Alternatives](https://www.w3.org/WAI/WCAG22/Understanding/text-alternatives)); -- **Explanation** A screen reader won't be able to describe this image -- **Severity** 2. Justification in terms of *Frequency*, *Impact* and *Persistence* -- **Possible Solution** Add ALT text: "December Update in a white circle surrounded by wintry trees. Around it are the words 'Hours Update', 'New Exhibits', 'Workshops' and 'Finals Help'" -- **Relationship to other problems** (TBD) - -??? -This is debatable, but frequency is low (it only occurs once on this site. If you are writing up all missing image alt text as a group, you might increase your estimate of frequency, but this site doesn't appear to have a lot of undescribed images); impact is low (it is possible to determine the purpose of this image by either clicking on it to see what it links to, or inferring some things from the external link and image file name (both unpleasant alternatives for a screen reader user); and persistence is high (it's not going to go away). --- # Small Group Activity diff --git a/slides/testing.html b/slides/testing.html index 904b2c9f6a4aa343c760e1738aa87e6344aad53a..3018b756d1759cfc63db13df4c3f2e4929c6872b 100644 --- a/slides/testing.html +++ b/slides/testing.html @@ -162,30 +162,6 @@ Remind them about drone video Don't fall into the trap of assuming that your ineptitude is the standard disability experience] ---- -# Wednesday's [Website/App Accessibility Report Homework](assignments/website.html) - -Identify 3 tasks - -(Install and) run an automated Accessibility Checker (we'll try this next class) - -Test it yourself with two accessibility technologies - -Capture problems using a Usability Assessment Report - ---- -# Usability Assessment Report - -You may be familiar with this concept. Also called -- Usability Problem Report (UIM Ch11) -- Usability Aspect Report (CMU) -- Bug/Issue Report (Bugzilla, JIRA, Rational) - -Audience: primarily developers - -Content should be -- Specific and convincing - --- # Screen Readers: Typical Bugs @@ -243,11 +219,73 @@ Open your phone's web browser and load [seattleschools.org](https://www.seattles --- # In your groups -Visit [Seattle Public Schools](https://www.seattleschools.org/) +Visit [UW Libraries](https://www.lib.washington.edu/) -The task you are evaluating is whether a disabled family can "Report a Concern" about how accessible the website is +The tasks you are evaluating is +1. Whether a student can easily learn about recent library news +2. Whether a student can "Report a Concern" about how accessible the website is What are some problems you found? Try to separate out what is difficult for you as a beginner from what is a flaw in the website itself. [Share your findings]({{site.discussion}}/454526) +--- +# Wednesday's [Assessment Homework]({{site.baseurl}}/assignments/website.html) + +Identify 3 tasks + +(Install and) run an automated Accessibility Checker (we'll try this next class) + +Test it yourself with two accessibility technologies + +Capture problems using a Usability Assessment Report + +--- +# Usability Assessment Report + +You may be familiar with this concept. Also called +- Usability Problem Report (UIM Ch11) +- Usability Aspect Report (CMU) +- Bug/Issue Report (Bugzilla, JIRA, Rational) + +Audience: primarily developers + +Content should be +- Specific and convincing +- Accessible + +--- +# Example from the UW Library + +- **Name** as "Minimal Image ALT Text"; +- **Evidence** Guideline violated: 1.1 ([Text Alternatives](https://www.w3.org/WAI/WCAG22/Understanding/text-alternatives)); +- **Screen Shot** as the image and URL ([lib.washington.edu](https://www.lib.washington.edu/)); + + +--- +# Example from the UW Library + +- **Name** as "Missing Image ALT Text"; +- **Evidence** Guideline violated: 1.1 ([Text Alternatives](https://www.w3.org/WAI/WCAG22/Understanding/text-alternatives)); +- **Explanation** A screen reader description of this image will only say "fall update 2" +-- +- **Severity** Justification in terms of: + – *Frequency* Is Problem common or rare? For which types of users? + - *Impact* – Is it hard or easy to overcome this? + - *Persistence* - Is there a way to avoid this problem? + +What do you think? Discuss with your neighbor and post any questions [on Ed]({{site.discussion}}/454525) +??? +This is debatable, but frequency is low (it only occurs once on this site. If you are writing up all missing image alt text as a group, you might increase your estimate of frequency, but this site doesn't appear to have a lot of undescribed images); impact is low (it is possible to determine the purpose of this image by either clicking on it to see what it links to, or inferring some things from the external link and image file name (both unpleasant alternatives for a screen reader user); and persistence is high (it's not going to go away). + +--- +# Example from the UW Library + +- **Name** as "Missing Image ALT Text"; +- **Evidence** Guideline violated: 1.1 ([Text Alternatives](https://www.w3.org/WAI/WCAG22/Understanding/text-alternatives)); +- **Explanation** A screen reader won't be able to describe this image +- **Severity** 2. High persistence, middling frequency, impact is low (you can click through to learn more) +- **Possible Solution** Add ALT text: "A photo of trees on campus with yellow leaves with the words "Fall Update" and "what's new in 2023, Upcoming Events, Links to bookmark, more! " and improve practices to add better alt text consistently +- **Relationship to other problems** (TBD, probably other images with similar issues) + +