improved version of website assignment

assignments/website.md

@@ -58,18 +58,18 @@ Use a screen reader and switch input to assess the website and/or app, and your
 When you encounter a problem, 
 - Name the problem
 - List one or more guidelines that are violated (or say it is not in the guidelines)
-- Take a screen shot
+- Take a screen shot & specify the URL
 - Assign a severity (from 3, ending the interaction to 1, a minor inconvenience)
 - Assign a prevalance (from 3, will occur all the time to 1, is likely to be rare)
 
-For example, consider this view of the Layout Inspector in Android.
-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. To record this problem, you mi
+For example, consider this view of the the WebAIM automated accessibility checker. The red mountain with the X indicates that it is missing an image description. To write this up, you would record the
+- **Name** as "Missing Image ALT Text";
+- **Guideline** as 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/)); 
+![Screenshot of an image without alt text in WebAIM's automated accessibility checker showing an image that is missing alt text, marked with a red picture of a mountain with a link above it and an x in its bottom right corner,50%, width](img/library_evaluation.png)
 
-![Screenshot of an image without contentDescription property in layout editor](img/1.png){:width="500px"}
+- **Severity** 2. This is debatable, but I lowered it from three for two reasons: 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). Further, this is not the most important feature of the site. 
+- **Prevalence** 1 if you are talking about this image only, and it only occurs once on the site. If this is a consistent issue throughout the whole site (i.e. when you are summarizing the problems in this category), you might mark the prevalence of this violation much higher. 
 
 # Turnin
 You will turn in your raw notes on the problems you found 

slides/wk02/screen-reading.html

+---
+layout: presentation
+title: Accessibility  --Week 1, Monday--
+description: Accessibility
+class: middle, center, inverse
+---
+background-image: url(img/inclusive-design/people.png)
+
+.left-column50[
+# Welcome to the Future of Access Technologies
+
+{{site.classnum}}, {{site.quarter}}
+<BR>
+<BR>
+Thanks to [Tracy Tran](https://www.microsoft.com/en-us/research/people/tracyt/) for much of the text and imagery in this slide deck!
+]
+---
+name: normal
+layout: true
+class:
+
+---
+# Screen Readers: Non-Visual Computer Use
+
+- Reads the words on the screen
+- Keystroke to move to next area
+
+.left-column40[
+![:img  Same picture highlighting the hamburger menu (which has the alt text "hamburger menu") and an image (which has no alt tex and just plays an unintelligible name). The audio of this page is the video at right,100%, width](img/inclusive-design/banking.png)
+]
+
+.right-column60[
+<BR>
+![:youtube Banking failure, b-R5r_aKmKo]
+]