SlideShare une entreprise Scribd logo
1  sur  17
Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
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
Accessibility at Yahoo! Alan Brightman Victor Tsaran Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
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
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
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
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
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
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
Real World Applications Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
Real World Applications Dynamic Keyboard Generation for Single Switch Users Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com
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
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
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
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
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
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

Contenu connexe

Similaire à Dynamic keyboard generation

Web Application Security: The Land that Information Security Forgot
Web Application Security: The Land that Information Security ForgotWeb Application Security: The Land that Information Security Forgot
Web Application Security: The Land that Information Security Forgot
Jeremiah Grossman
 

Similaire à Dynamic keyboard generation (20)

Sviluppare un backend serverless in real time attraverso GraphQL
Sviluppare un backend serverless in real time attraverso GraphQLSviluppare un backend serverless in real time attraverso GraphQL
Sviluppare un backend serverless in real time attraverso GraphQL
 
AWS Webinar Series | Using Virtual Reality to bring your ChatBot to life
AWS Webinar Series | Using Virtual Reality to bring your ChatBot to life AWS Webinar Series | Using Virtual Reality to bring your ChatBot to life
AWS Webinar Series | Using Virtual Reality to bring your ChatBot to life
 
Best And Worst Practices Building Ria with Adobe and Microsoft
Best And Worst Practices Building Ria with Adobe and MicrosoftBest And Worst Practices Building Ria with Adobe and Microsoft
Best And Worst Practices Building Ria with Adobe and Microsoft
 
Implementing and Evaluating Web Application Accessibility
Implementing and Evaluating Web Application AccessibilityImplementing and Evaluating Web Application Accessibility
Implementing and Evaluating Web Application Accessibility
 
Web Application Security: The Land that Information Security Forgot
Web Application Security: The Land that Information Security ForgotWeb Application Security: The Land that Information Security Forgot
Web Application Security: The Land that Information Security Forgot
 
Lex and connect
Lex and connectLex and connect
Lex and connect
 
Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009
 
Enhance customer experience with Conversational Interfaces
Enhance customer experience with Conversational InterfacesEnhance customer experience with Conversational Interfaces
Enhance customer experience with Conversational Interfaces
 
A Primer on Web Accessibility for Teams
A Primer on Web Accessibility for TeamsA Primer on Web Accessibility for Teams
A Primer on Web Accessibility for Teams
 
Catalyze Webcast - Five Myths Of RIA With Laurie Gray - 031808
Catalyze Webcast - Five Myths Of RIA With Laurie Gray - 031808Catalyze Webcast - Five Myths Of RIA With Laurie Gray - 031808
Catalyze Webcast - Five Myths Of RIA With Laurie Gray - 031808
 
Understanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityUnderstanding and Supporting Web Accessibility
Understanding and Supporting Web Accessibility
 
jQuery: Accessibility, Mobile und Responsive
jQuery: Accessibility, Mobile und ResponsivejQuery: Accessibility, Mobile und Responsive
jQuery: Accessibility, Mobile und Responsive
 
Intro to Web Accessibility: Koombea TechTalks
Intro to Web Accessibility: Koombea TechTalksIntro to Web Accessibility: Koombea TechTalks
Intro to Web Accessibility: Koombea TechTalks
 
PWA - ADT Magazine Webinar
PWA - ADT Magazine WebinarPWA - ADT Magazine Webinar
PWA - ADT Magazine Webinar
 
The Guide to Website Development for Beginners.pdf
The Guide to Website Development for Beginners.pdfThe Guide to Website Development for Beginners.pdf
The Guide to Website Development for Beginners.pdf
 
The Guide to Website Development for Beginners.ppt
The Guide to Website Development for Beginners.pptThe Guide to Website Development for Beginners.ppt
The Guide to Website Development for Beginners.ppt
 
The Recipe for Making Accessible Widgets!
The Recipe for Making Accessible Widgets!The Recipe for Making Accessible Widgets!
The Recipe for Making Accessible Widgets!
 
Thadomal IEEE-HTML5-Workshop
Thadomal IEEE-HTML5-WorkshopThadomal IEEE-HTML5-Workshop
Thadomal IEEE-HTML5-Workshop
 
Chaos Engineering
Chaos EngineeringChaos Engineering
Chaos Engineering
 
Notes (2012-06-08)
Notes (2012-06-08)Notes (2012-06-08)
Notes (2012-06-08)
 

Dernier

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 

Dernier (20)

Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 

Dynamic keyboard generation

  • 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