# CSE 340 Lab 4 (Spring 2020) ## Week 4: Accessibility .title-slide-logo[ ![Accessibility Logo](img/cover.jpg) ] --- # Assignment Timeline - Layout part 3-5 due: Today, January 28th @ 10:00pm - Lock: Saturday, January 30th @ 10:00pm (If you are using late days) - No peer evaluation for this assignment - Accessibility assignment out: Yesterday, January 27th - due: Next Thursday, February 4th --- # Section 4 Objectives - Get ready for Accessibity Assignment - What is Alt Text? - Accesibity in designing technology - Discussion: What does inclusion mean to you? - Fun Exercise - HW Q&A --- # Get ready for Accessibity Assignment - Please read the [spec](https://courses.cs.washington.edu/courses/cse340/21wi/assignments/accessibility.html) - Install Accessibility Scanner on Emulator (through Google Play) - https://play.google.com/store/apps/details?id=com.google.android.apps.accessibility.auditor&hl=en_US - Settings > Accessiblity > Turn TalkBack and Scanner on --- # Alt Text - What is alt text, and why is it important? - Adding Accessibility Features to Apps for Blind and Visually-Impaired Users: https://youtu.be/1by5J7c5Vz4 - Introduction to Alternative Text: https://webaim.org/techniques/alttext/#intro --- .title-slide-logo[ ![Exmaple photo of Purple flowers with a fuzzy center surrounded by green leaves](img/flower.png) ] --- ## Bad alt text: - This picture of flowers was taken at the Chihuly Glass Gardens ## Better alt text: - Purple flowers with a fuzzy center surrounded by green leaves --- # Who can alt text help? - Not only visually impaired individuals! --- # Are the captions we used in the lectures enough? - Why? --- .left-column-half[ # ASL Gloves - Why are technologies like this harmful? - You could build bias into technology if you are not careful ] .right-column-half[ ![:img These “SignAloud” gloves developed by UW sophomores Navid Azodi and Thomas Pryor translate American Sign Language into speech and text, 90%](img/asl_gloves.png) ] --- # What does inclusion mean to you? --- # Exercise with Accessibility Scanner - Install the scanner via Google Play - Open up or download your favorite app and utilize the scanner on 1 screen - What do you see?