--- layout: presentation title: Accessibility --Week 1, Monday-- description: Accessibility class: middle, center, inverse --- background-image: url(img/people.png) .left-column50[ # Week 1: Accessibility {{site.classnum}}, {{site.quarter}} ] --- name: normal layout: true class: --- # Important Reminder ## This is an important reminder ## Make sure zoom is running and recording!!! ## Make sure captioning is turned on --- [//]: # (Outline Slide) # Learning Goals for today - What is Accessibility? - Example of Accessibility Technologies - Introduction to First Assignment: [AT Around Us]({{site.baseurl}}/assignments/finding-accessibility.html) --- # Accessibility .row[ .column[**Disability** is a mismatched interaction between someone and their context] .column[**Accessibility** is a broad term for tools that help people navigate mismatched interactions and provides options for people of all ability] .column[**Inclusive design** is a framework that helps us design more accessible products] ] .row[ ![:img line of animated iconic representations of people,100%, width](img/accessibility/longpeople.png) ] --- .left-column50[ # Accessibility technology .quote[[anything] ... used to increase, maintain, or improve functional capabilities of individuals with disabilities] (Wikipedia) What model is this arguing for? [talk to your neighbor & [Vote](https://PollEv.com/multiple_choice_polls/1piiNRJmdxyR7milxVSEN/respond)] ] .right-column50[ ![:img a spoon with a plastic attachment so it can be held without gripping, 100%, width](img/accessibility/spoonhelp.png) ] --- # Accessibility technology: Voting Results --- .left-column50[ # Accessibility technology How people with disabilities *may* navigate computers (and the world) Used to be called "assistive technology" but that language is ableist One solution, not parallel solutions ] ??? Not a *medical* device A broader view than Wikipedia -- .right-column50[ .left-column[ ![:img A picture of a speaker; magnifier; microphone; computer; and game control ,85%, width](img/accessibility/at.png)] .right-column90[ .font-medium[Screen Readers]
.font-mediumsmall[Narrator, VoiceOver, JAWS, Window Eyes, NVDA, TalkBack] .font-medium[Screen adjustment]
.font-mediumsmall[ZoomText, Magnifier, Zoom, High Contrast
] .font-medium[Speech input]
.font-mediumsmall[Dragon Naturally Speaking, Dictation, Speech Recognition] .font-medium[Keyboarding]
.font-mediumsmall[Sticky Keys, Mouse Keys, Filter Keys, Keyboard Shortcuts] .font-medium[Many more]
] ] --- [//]: # (Outline Slide) # Learning Goals for today - What is Accessibility? - **Example of Accessibility Technologies** - Introduction to First Assignment: [AT Around Us]({{site.baseurl}}/assignments/finding-accessibility.html) --- # Lots of software for this .left-column50[ - Magnifier – make whole screen or a portion bigger - Can also just use larger fonts, lower resolution - Change colors and contrast - Free Screen Reader – read the words on the screen - On-Screen keyboard - Can be scanned - Built-in speech recognition ] .right-column50[ 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)] ??? lots of software for this Adaptations for mouse - Make mouse easier to see - Move mouse with the keyboard Adaptations for keyboard - Sticky Keys – so no need for chords - Work like on Smartphones --- # Example: Single Switch Access .left-column50[ Can point to on-screen keyboards with various mechanisms, or use scanning keyboards - e.g. sip and puff to select On Screen Keyboard - Usually add auto-complete and *auto-predict* .footnote[Auto-predict: Predict next word based on previous words with no letters typed] ] .right-column50[ ![:youtube Video of person using switch input to make a video using a drone,YoM0Gua3UO4] ] ??? Other options: [youtube Video](https://www.youtube.com/watch?v=2BhHwk9qSvI&t=148s) --- # Lots of exciting advances still happening .left-column[ - Vizwiz (Bigham) ] .right-column[ ![:img a website titled vizwiz showing about 10 photographs taken by blind people each with a question that the photographer was hoping to have answered ,75%, width](img/accessibility/vizwiz.png) ] --- # Lots of exciting advances happening .left-column[ - Vizwiz - Thingiverse (Hurst) ] .right-column[ ![:img a website titled Thingiverse showing about 10 photographs of 3D printable accessibility solutions ,75%, width](img/accessibility/thingiverse.png) ] --- # Lots of exciting advances happening .left-column[ - Vizwiz - Thingiverse - Facade (Guo) ] .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 - [Voice Assistants](https://voicebot.ai/2019/09/11/amazon-alexa-ad-shows-how-voice-assistants-help-visually-impaired-people/) (Findlater) ] --- # Practical Basis for Accessibility .column[ .centerh[ ![:img A typewriter,40%, width](img/accessibility/typewriter.png) ] In 1808, Pellegrino Turri built the first typewriter, so that his blind lover, could write letters more legibly. ​ ] .column[ .centerh[ ![:img microphone,40%, width](img/accessibility/microphone.png) ] Speech recognition, text to speech, and word-prediction technologies were all initially developed for people with disabilities. ] .column[ .centerh[ ![:img A straw,40%, width](img/accessibility/straw.png) ] In 1937, Joseph Friedman created the first bendy straw to help his young daughter drink from a cup on a counter that was too high for her. ] --- # Tropes & ways things can go wrong Hero complex (I can save you with this new technology) -- Disability Dongle -- 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] --- # A note on language .left-column[ ![:img Picture of a hand crossing out the dis in the word disability, 100%, width](img/accessibility/ability.png) ] .right-column[ 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 **You will offend people because this is ableist** (and lose points on your assignments) ] --- # Watch and Analyze ![: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] hero complex? disability inspiration? language issues? all good? Small group discussion; Summarize your discussion on [Ed]({{site.discussion}}2342965) --- [//]: # (Outline Slide) # Learning Goals for today - What is Accessibility? - Example of Accessibility Technologies - **Introduction to First Assignment: [AT Around Us]({{site.baseurl}}/assignments/finding-accessibility.html)** --- [//]: # TODO ... update this # First Assignment: [AT Around Us]({{site.baseurl}}/assignments/finding-accessibility.html) (1 of 2) - Practice presenting accessibly - Exposure to a range of accessiblity technologies - Experience finding first person accounts --- # First Assignment: [AT Around Us]({{site.baseurl}}/assignments/finding-accessibility.html) (2 of 2) Find one computer access technology Find one about "the world" Key points - Try not to pick the same things as your classmates - Should include a *first person video* - Should be able to try it out yourself --- # What is a *First Person Video* --- # Handin requirements (due Monday) .left-column40[ Handin: - Two accessible slides per AT (see Canvas for slide deck) - Present one of them next week (accessibly) in 3-4 minutes (will take about half of class) ] .right-column60[ Slide includes: - A summary of the AT you researched - Information about its audience - A picture of the AT - A link to the first person account you found - Something you learned from the video and/or by trying it about its strengths and weaknesses ]