accessibillity challenges and innovations for open hack eu 2011
DESCRIPTION
This presentation introduces accessibility and gives challenges for the hackers at Yahoo! Open Hack EU 2011 Embedded videos: http://youtu.be/Vd_W_8tIDNA http://www.youtube.com/watch?v=iI_N5T3pmxQ http://www.youtube.com/watch?v=StI0iIufJzkTRANSCRIPT
![Page 1: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/1.jpg)
Saturday, May 14, 2011
![Page 2: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/2.jpg)
Accessibility is...
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
![Page 3: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/3.jpg)
Saturday, May 14, 2011
Aaron "Wheelz" Fotheringham landed the world's first double backflip on a wheelchair on August 26, 2010.Filmed: Dave Metty Brandon Schmidt, Edited: Joshua Zuckerhttp://aaronfotheringham.com http://campwoodward.com
![Page 4: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/4.jpg)
Leveling the playing field
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
Our goal is to give everyone equal access to information, tools, jobs, and activities. We acknowledge there may be different methods to achieve tasks, but they are possible.
![Page 5: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/5.jpg)
Removing Barriers
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
Don’t break the web by creating an application that is not accessible. Avoid “shortcuts” that assume the user can see, hear, and/or has full mobility.
![Page 6: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/6.jpg)
Universal Design
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
produce buildings, products and environments that are inherently accessible to both the able-bodied and the physically disabled.Apple products do a great job at this.don’t think a,b,c, i.e. high contrast or low contrast. Think about how you can provide a range of contrast.Provide functionality for hover, active, focus.
![Page 7: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/7.jpg)
Who makes it accessible?
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
Lainey Feingold is an attorney that works with companies to improve their products accessibility.
for instance, braille credit card machines at Target and other stores.
She says advocates and champions are needed for accessibility changes
![Page 8: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/8.jpg)
Advocates Refuse Barriers
Creative Commons: image by tigoe on Flickr
Saturday, May 14, 2011
Advocates, she explained, are people with disabilities that are not satisfied with having to work around barriers to entry.
They demand equal access, whether that is an accessible web form, ATMs with audio feedback, or tactile point of sale devices that allow a visually impaired shopper to use a credit card at a store’s cash register.
![Page 9: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/9.jpg)
Champions make it happen
Some rights reserved by woodleywonderworks on FlickrSaturday, May 14, 2011
Champions are people within organizations that understand the problems and are devoted to implementing the changes.
Some people are both advocates and champions.
![Page 10: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/10.jpg)
Some rights reserved by ocad123 on Flickr
Saturday, May 14, 2011
It’s our job to avoid upsetting advocates in the first place. We are also the champions that listen to the advocates and fix the problems.
![Page 11: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/11.jpg)
Make it Accessible
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
The following slides discuss basic accessible web development concepts.
![Page 12: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/12.jpg)
Lady Gaga stuns the Grammys
Saturday, May 14, 2011
Image from Getty Images
![Page 13: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/13.jpg)
Lady Gaga performs “Born This Way” while emerging from a large egg-shaped
pod
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Lady Gaga stuns the Grammys
Saturday, May 14, 2011
This is appropriate alt text
![Page 14: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/14.jpg)
Saturday, May 14, 2011
This video shows what it sounds like when the alt attribute is missing. This bug has been fixed.
![Page 15: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/15.jpg)
<bu$on>Sign In</bu$on>
<a>Cancel</a>
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
Don’t use a link for a button.at least add role=”button”you can style a button to look like a link for UED
![Page 16: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/16.jpg)
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Name Type Taste
Vişinată Liqueur Sour Cherry
Turtă dulce Dessert Ginger Bread
mămăligă Vegetable Corn
tobă Meat Pork Sausage
<th scope=”col”>
</th>
<th scope=”row”>
</th>
Saturday, May 14, 2011
add scope=”row | col” to your th cellsscreen readers will announce the header before the appropriate cell. th[scope=”row”] {color:pink} allows you to style row headers
![Page 17: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/17.jpg)
<label for=”fname”>First Name</label><input id=”fname” name=”fname” type=”text”>
Label Your Input
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
Use a label for each form input. Explicit binding via for+id will work in all browsers.Hidden label with aria-label=””, aria-labelledby=””, or possibly alt=”” on input.
![Page 18: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/18.jpg)
ARIAAccessible Rich Internet Applications
Some rights reserved by paul goyette on FlickrSaturday, May 14, 2011
ARIA allows us to define the application like interactions for web pages.
![Page 19: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/19.jpg)
Use ARIA Today
• Landmarks: role=”search”, role=”main”
• Function: role=”button”
• Labels: aria-label=”Search Term”
• State: aria-invalid=”true”
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
Visit the accessibility lab’s aria library for more information: http://yaccessibilityblog.com/library/tag/aria
![Page 20: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/20.jpg)
Search with ARIA
Saturday, May 14, 2011
![Page 21: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/21.jpg)
Mobile
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibilitySaturday, May 14, 2011
iphones and ipads have great accessibility features.They are rapidly becoming the preferred technology for many disabilities, i.e. blind, autism, cerebral palsy...http://www.youtube.com/watch?v=StI0iIufJzkThis video shows how the Southwest Airlines app sounds. They use custom buttons without labels.
![Page 22: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/22.jpg)
Innovative Solutions
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
![Page 23: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/23.jpg)
Traumatic Brain Injury
• Soldiers
• Sports Injuries
• Crashes
Some rights reserved by CorCor Beware on FlickrSaturday, May 14, 2011
short term memory lossrequire repetitive instructionsavoid confusion
![Page 24: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/24.jpg)
Short Term Memory Loss Hacks
• Re-Education
• Workforce transition
• Resources aggregator
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
application that restores basic personal knowledgeapplications that storyboard workspace tasks, such as replacing toner, creating spreadsheets
![Page 25: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/25.jpg)
Readability.comYahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
Readability is a browser plugin that simplifies a pageit removes images, navigation, etcuser can personalize font size, background color, and optional resource link list
![Page 26: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/26.jpg)
Readability.comYahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
Readability is a browser plugin that simplifies a pageit removes images, navigation, etcuser can personalize font size, background color, and optional resource link list
![Page 27: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/27.jpg)
Readability.comYahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
Readability is a browser plugin that simplifies a pageit removes images, navigation, etcuser can personalize font size, background color, and optional resource link list
![Page 28: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/28.jpg)
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Photo Dialer
Saturday, May 14, 2011
this is a fairly easy application that lets user make phone calls via the images in their contacts rather than names and phone numbersThis can integrate with phone’s contact list for very easy dialing.
![Page 29: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/29.jpg)
Memory Loss
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
slide shows to feature family and friends with namesmental games, Daily event journalsGrowing population with dementia and Alzheimer's
![Page 30: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/30.jpg)
Non-Visual Innovations
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
![Page 31: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/31.jpg)
In Plain Text?
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
translate significant value changes into a sentence. what did it start/end at? Charts give instant recognition of history, how can this be in text?Finance, science, math, politics, and any other data source
![Page 32: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/32.jpg)
Audio Description Tool
Saturday, May 14, 2011
![Page 33: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/33.jpg)
Text to Speech + Flipboard
Saturday, May 14, 2011
build an app that expands the links from your friends twitter, facebook feeds, as well as your favorite rss feed and then uses built in text to speech engines to provide audio for your car.
![Page 34: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/34.jpg)
Directions
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
How can a blind user navigate the city when they cannot see the map/street namesLocation saver - find way back to parking/bus spot
![Page 35: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/35.jpg)
DeafHacks
Some rights reserved by izahorsky on Flickr
Saturday, May 14, 2011
![Page 36: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/36.jpg)
Sound Detector
Some rights reserved by Thomas Hawk on Flickr
Saturday, May 14, 2011
detect sirens, alarms, and other audio signalsclosed captioningsign language interpreting and video repository/translations
![Page 37: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/37.jpg)
TwitterDeaf Twitter
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
user creates short video, uploads to flickr/post to twitter. Interface also tracks replies, retweets, etc.plays video inline on phone/computerthis could also work for blind users: audio instead of video
![Page 38: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/38.jpg)
Physical Challenges
Some rights reserved by Christiana Care on Flickr
Saturday, May 14, 2011
paralysis, cerebral palsy, muscular dystrophy, stroke, age related, Parkinson's
![Page 39: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/39.jpg)
Site Scanner
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
Site scanner by the Yahoo! prototype team: fix the difficulties of using a scanning keyboard to navigate a web page.allows navigation with a single button pressuse space bar to start and navigate a page. demo with: http://nexpace.com/sandbox/scanner/bookmarklet/
![Page 40: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/40.jpg)
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
![Page 41: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/41.jpg)
Communication
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Communication Tools
Saturday, May 14, 2011
Pic to Speech is an assisted communication device for the android. It allows customization of the icons and translations.DDweb provides an online environment http://ddweb.developingmindssoftware.com/site/Prologue2go is a popular ipad app
![Page 42: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/42.jpg)
Support Social NetworkYahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
social networks for the individuals and their support network.journal for daily activities, moods, healthcommunications amongst teachers, parents, doctors, etc
![Page 43: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/43.jpg)
If it ain’t broke...Fix it anyway!
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
Not all accessibility applications were built to solve an accessibility problemcolor detector used by blind for imagining colors of environmentreal time video chat used for sign language chat roomsgoogle goggles for determining money values
![Page 44: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/44.jpg)
Some rights reserved by Oha-Lau 2 on Flickr
Saturday, May 14, 2011
Ask yourself what if:you couldn’t see the difference between red, green, yellowthere was no hoveryou can’t remember the beginning of an articleyou know what to say but can’t speak
![Page 45: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/45.jpg)
You are the Champion!
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
![Page 46: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/46.jpg)
Visit the Yahoo Accessibility Lab’s Blog
Accessibility.Yahoo.Com
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Saturday, May 14, 2011
![Page 47: Accessibillity Challenges and Innovations for Open Hack EU 2011](https://reader034.vdocuments.site/reader034/viewer/2022052618/554e5263b4c905ad178b4a6e/html5/thumbnails/47.jpg)
Accessibility Innovations and Challenges
Ted DrakeBucharest, May 2011
Saturday, May 14, 2011
this presentation was created for the Yahoo! Open Hack EU