1. Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
2. Who’s that guy? OMG a prototyper! Tackling design, user interface and interaction problems Present speedy implementations of ideas Prove a concept, design or interaction before applying full production resources to a project Provide functional code which is a direct representation of a concept, design or interaction for decision making Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
3. Accessibility at Yahoo! Alan Brightman Victor Tsaran Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
4. On-screen Keyboards What are They Good For? Representation of traditional keyboard input device Provide additional controls normally provided by a mouse Provide shortcuts to applications, keystroke combinations and input gestures Empower users with limited mobility Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
5. On-screen Keyboards in the World Wild Web One size fits all Content and context agnostic Many keystrokes required to access links and other elements on the page Targeting small elements with mouse emulation is difficult Tabbing through elements is slow Not the way the web was meant to be navigated No hover No click Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
6. On-screen Keyboards in the World Wild Web Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
7. On-screen Keyboards in the World Wild Web Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
8. What’s the problem? One size doesn’t fit all Using a keyboard as a mouse Keyboards are for typing Input is the priority not consumption Content and context are ignored unless explicitly accounted for by the user Indirect manipulation of data No standard cross-platform solution Cost can be a factor Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
9. Web Semantics to the Rescue kinda HTML5 elements have meaning <nav> <article> <section> Aria roles and tabindex <a href=“#” role=“button”>Button</a> <a href=“#” tabindex=“1”>Home</a> Context can be derived and applied to content Markup is never guaranteed to be valid, semantic or in line with best practices Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
10. Real World Applications Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
11. Real World Applications Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
12. Leveraging Semantics Use markup to derive context where possible Increase productivity by directly manipulating elements Remove the middlemen Keyboard Mouse Create a keyboard which is aware of context Apply known context to selected content Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
13. Live Demo Time! Let’s hope pray this works! Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
14. Looking Forward The average American spends more than 60 hours a month online. This is the equivalent of 30 straight days a year. Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
15. Looking Forward Web applications in direct competition with desktop applications Yahoo! Mail Google Docs Facebook Twitter Mint.com Cloud based services Dropbox Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
16. Looking Forward Web technology based operating systems JavaScript, HTML5 and CSS3 based application framework Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
17. Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com Resources Yahoo! Accessibility http://accessibility.yahoo.com Switch XS http://www.assistiveware.com YUI3 http://developer.yahoo.com/yui/3/ Special Thanks Victor Tsaran vtsaran@yahoo-inc.com Alan Brightman abright@yahoo-inc.com Nate Ebrahimoon nebrahim@yahoo-inc.com Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com