Skip to content
Snippets Groups Projects
Commit 7b76ab08 authored by Jennifer Mankoff's avatar Jennifer Mankoff
Browse files

Usable version of very first slide deck for class

parent 7f3811e1
No related branches found
No related tags found
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)
......@@ -23,28 +23,33 @@ class:
![:img What is disability? Text is surrounded by diverse people,100%, width](img/inclusive-design/what-is-disability.png)
---
.left-column[
## Disability
a context dependent .red[mismatched interaction]
]
## Disability: A context-dependent .red[mismatch]
.left-column40[
##       1980
![:img picture of a person,60%, width](img/inclusive-design/1980.png)
.left-column50[
## 1980
![:img picture of a person,50%, width](img/inclusive-design/1980.png)
.font-medium[**Disability as a personal attribute**
"restriction or lack of ability ... within the range considered normal for a human being" (medical model)
"restriction or lack of ability ... within the range considered normal for a human being" (medical model: How do we *fix people*)
]
]
.left-column40[
##       Today
![:img picture of a network of people,60%, width](img/inclusive-design/today.png)
.font-medium[**Disability as context-dependent**
"the interaction between features of a person's body and features of the society in which they live" (social model)
.left-column50[
## Today
![:img picture of a network of people,42%, width](img/inclusive-design/today.png)
.font-medium[**Disability as a social/environmental attribute**
"the interaction between features of a person's body and features of the society in which they live" (social model: how do we *fix society*)
]
]
---
# Neither is quite right
- Medical Model (how do we *fix people*)
- Social Model (how do we *fix society*)
PostModern: Disability doesn't need to be fixed, but celebrated as part of human variation
---
# Worldwide Stats
......@@ -84,12 +89,12 @@ Rates of disability are increasing
![:img Picture of a hand crossing out the dis in the word disability, 100%, width](img/accessibility/ability.png)
]
.right-column[
Many ways to think about disability, ability. Will talk in more depth later this quarter but…
- Medical Model (how do we *fix* people)
- Social Model (disability as social construct)
- Combined: Disability resides both in the person and in society
Identity-first language (“disabled people”) vs. people-first (“people with disabilities”). Preferences change depending on region, cultural context, community
Avoid “stricken with”, “suffers from” or victimization language
Avoid “able-bodied” or “normal” as differentiating terms
Ability first vs person first
]
---
......@@ -106,10 +111,11 @@ Ability first vs person first
---
.left-column50[
# Assistive technology
# Accessibility technology
.quote["[anything] ... used to increase, maintain, or improve functional capabilities of individuals with disabilities"] (Wikipedia)
.quote[[anything] ... used to increase, maintain, or improve functional capabilities of individuals with disabilities] (Wikipedia)
What model is this arguing for?
]
.right-column50[
![:img a spoon with a plastic attachment so it can be held without gripping, 100%, width](img/accessibility/spoonhelp.png)
......@@ -117,9 +123,7 @@ Ability first vs person first
]
---
.left-column50[
# Assistive technology
.quote["[anything] ... used to increase, maintain, or improve functional capabilities of individuals with disabilities"] (Wikipedia)
# Accessibility technology
How people with disabilities *may* <BR> navigate computing <BR> (and the world)
Not a *medical* device
......@@ -144,30 +148,10 @@ Not a *medical* device
]
]
---
# Some terms used in HCI
.left-column50[
Universal Design
- One design works for everybody
- Typical example: curb cuts
Accessibility software
- Accessibility of a computer system to all people, regardless of disability or severity of impairment
]
.right-column50[
Access Technology - Richard Ladner
- Technology that makes accessible what otherwise isn’t (including things out in the world and computers)
Ability-Based Design - Jacob Wobbrock
- Technology that adapts to the abilities of the user in their current context
]
---
# Accessibility Software
.left-column50[
Most Operating Systems have a whole collection of adaptations
- Accessories/Ease of Access
- Magnifier – make whole screen or a portion bigger
- Can also just use larger fonts, lower resolution
......@@ -178,7 +162,7 @@ Most Operating Systems have a whole collection of adaptations
- Built-in speech recognition
]
.right-column50[
![:img Windows magnifier control showing increase and decreas buttons; 300%; Views menu; settings and help ,75%, width](img/accessibility/magnifier.png)
Most Operating Systems (laptops and smartphones) have a whole collection of adaptations
![:img Windows access settings showing magnifier; narrator; on screen keyboard; windows speech recognition ,75%, width](img/accessibility/windows-access.png)]
......@@ -208,22 +192,70 @@ Or use scanning keyboards
]
.right-column50[
![:youtube Video of boy using switch input to game,2BhHwk9qSvI]
]
---
background-image: url(img/inclusive-design/old-phones.jpg)
.left-column[
## .white[Steve Jobs]
.white[
Introducing the new iPhone
MacWorld Keynote '07
]]
---
background-image: url(img/inclusive-design/jobs-iphone.jpg)
.bottom[
.white[The phone Jobs is holding is small, flat, and without any tangible information accessible to a blind person]
]
---
# Screen Readers: Non-Visual Computer Use
.left-column[
## Sliderule:
- Reads the words on the screen
- Keystroke to move to next area
The first mobile screen reader]
.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-column[
![:img A picture titled SIGACCESS Lasting Impact Award showing Jake Wobbrock; Saun Kane; and Jeff Bigham holding their lasting impact award plaquards and smiling,100%, width](img/inclusive-design/sliderule.png)
]
---
.left-column[
## Sliderule:
.right-column60[
<BR>
![:youtube Banking failure, b-R5r_aKmKo]
The first mobile screen reader]
.right-column[
![:youtube Sliderule Video, 496IAx6_xys]
]
---
# Translation to iPhone
.column[
.centerh[
![:img iPhone generation 1,90%, width](img/inclusive-design/iphone1.png)
]
]
.column[
.centerh[
![:img iPhone generation 3G,90%, width](img/inclusive-design/iphone3.png)
]
]
.column[
.centerh[
![:img iPhone generation 3Gs,75%, width](img/inclusive-design/iphone3gs.png)
]
]
---
.centerh[
![:img iPhone now showing a list of many accessibility features,100%, width](img/inclusive-design/iphone-now.png)
]
---
......@@ -257,7 +289,7 @@ Black AAC User Perspectives on Racism and Disability
]
---
# Lots of exciting advances happening
# Lots of exciting advances still happening
.left-column[
- Vizwiz (Bigham)
]
......@@ -283,17 +315,6 @@ Black AAC User Perspectives on Racism and Disability
.right-column[
![:img a microwave with 3D printed facade making flat touchscreen accessible nonvisually ,75%, width](img/accessibility/facade.png)
]
---
# Lots of exciting advances happening
.left-column[
- Vizwiz
- Thingiverse
- Facade
- Ravelry (Mankoff)
]
.right-column[
![:img Webpage labeled ravelry showing about 10 hand-knit accessibility solutions ,75%, width](img/accessibility/ravelry.png)
]
---
# Lots of exciting advances happening
......@@ -301,26 +322,9 @@ Black AAC User Perspectives on Racism and Disability
- Vizwiz
- Thingiverse
- Facade
- Ravelry
- [Voice Assistants](https://voicebot.ai/2019/09/11/amazon-alexa-ad-shows-how-voice-assistants-help-visually-impaired-people/) (Findlater)
]
---
# Lots of exciting advances happening
.left-column[
- Vizwiz
- Thingiverse
- Facade
- Ravelry
- [Voice Assistants](https://voicebot.ai/2019/09/11/amazon-alexa-ad-shows-how-voice-assistants-help-visually-impaired-people/)
- Notifications
]
.right-column[
![:youtube Video showing notifications,UUEXVpC2ALQ]
(start at around 2:20)
]
---
.left-column60[
......@@ -333,7 +337,7 @@ History of protest
Collaboration with Black Panther movement
[Review of](https://www.nbc.com/today/video/crip-camp-filmmakers-discuss-legacy-of-camp-jened/4336921) the documentary fillm [Crip camp](https://cripcamp.com/)
]
.right-column40[![:img A picture of protestors ,100%, width](img/inclusive-design/rights-narrow.png)]
......@@ -341,14 +345,13 @@ Collaboration with Black Panther movement
---
# Legal Basis for Accessibility
Rehab Act (1976)
- Equal access to government services
**Individuals with Disabilities Education Act** (IDEA, 1975): Free appropriate public education in the least restrictive environment to every child with a disability.
**Rehab Act** (1976): Equal access to government services
Americans with Disabilities Act (1990)
- Equal access to all goods/services
**Americans with Disabilities Act** (1990): Equal access to all goods/services
UN Convention on Rights of PWD (2006)
- 147 countries ratified convention
**UN Convention on Rights of PWD** (2006): 147 countries ratified convention
---
......@@ -388,9 +391,9 @@ In 1808, Pellegrino Turri built the first typewriter, so that his blind lover, c
.column[
.centerh[
![:img email,40%, width](img/inclusive-design/email.png)
![:img email,40%, width](img/inclusive-design/microphone.png)
]
In 1972, Vint Cerf programmed the first email protocols because electronic messaging was the only seamless way to communicate with his deaf wife while he was at work.​
Speech recognition, text to speech, and word-prediction technologies were all initially developed for people with disabilities.
]
.column[
.centerh[
......@@ -400,7 +403,57 @@ In 1937, Joseph Friedman created the first bendy straw to help his young daughte
]
---
# People with Disabilities as Early Adopters
# Tropes & ways things can go wrong
- Hero complex (I can save you with this new technology)
- Disability inspiration [stop at 4:29]
![:youtube Ted Talk Stella Young is a comedian and journalist who happens to go about her day in a wheelchair — a fact that doesn't; she'd like to make clear; automatically turn her into a noble inspiration to all humanity. In this very funny talk; Young breaks down society's habit of turning disabled people into "inspiration porn.,8K9Gg164Bsw]
---
# What do you think of this video?
![:youtube At Apple; we believe accessibility is a human right. Innovative features like Door Detection; Sound Recognition; Voice Control; and more are designed to let you use your devices in ways that work best for you, 8sX9IEHWRJ8]
---
# Designing Ethically
.left-column50[
The promise of "empathy"
- Design, Disability and Knowing the "Other" (Bennett & Roesner, CHI '19)
- Making space for disabled voices
- Not wasting disabled time
- Finding first person accounts
]
.right-column50[
Disability-Justice based design:
- Centering Agency and Control; Interdependence and Independence
- Considering things like disclosure and invisibility
- Addressing intersectionality within disability (multiply disabled people & multiple disabled people)
- Addressing intersectionality with other identities
]
---
# Some terms used in HCI
.left-column50[
Universal Design
- One design works for everybody (why is this problematic?)
- Typical example: curb cuts
Accessibility software
- Accessibility of a computer system to all people, regardless disability or severity of impairment
- One solution, not parallel solutions
Assistive Technology
- Similar to Accessibility, but more ableist language
]
.right-column50[
Access Technology - Richard Ladner
- Technology that makes accessible what otherwise isn’t
(including things out in the world and computers)
Ability-Based Design - Jacob Wobbrock
- Technology that adapts to the abilities of the user in their current context
]
slides/wk01/img/inclusive-design/1980.png

40.3 KiB | W: | H:

slides/wk01/img/inclusive-design/1980.png

24.6 KiB | W: | H:

slides/wk01/img/inclusive-design/1980.png
slides/wk01/img/inclusive-design/1980.png
slides/wk01/img/inclusive-design/1980.png
slides/wk01/img/inclusive-design/1980.png
  • 2-up
  • Swipe
  • Onion skin
slides/wk01/img/inclusive-design/iphone-now.png

142 KiB

slides/wk01/img/inclusive-design/iphone1.png

221 KiB

slides/wk01/img/inclusive-design/iphone3.png

224 KiB

slides/wk01/img/inclusive-design/iphone3gs.png

206 KiB

slides/wk01/img/inclusive-design/jobs-iphone.jpg

95.3 KiB

slides/wk01/img/inclusive-design/old-phones.jpg

187 KiB

slides/wk01/img/inclusive-design/sliderule.png

4.61 MiB

slides/wk01/img/inclusive-design/today.png

67.3 KiB | W: | H:

slides/wk01/img/inclusive-design/today.png

50.7 KiB | W: | H:

slides/wk01/img/inclusive-design/today.png
slides/wk01/img/inclusive-design/today.png
slides/wk01/img/inclusive-design/today.png
slides/wk01/img/inclusive-design/today.png
  • 2-up
  • Swipe
  • Onion skin
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment