I talk through different unique accessibility techniques to provide more then just a checkbox of "accessibility, yup". This shows different javascript technologies that can help produce empathy as well as performing testing through the perspective of other users. I challenge people to look at accessibility as more an issue of access as opposed to disability.

1. Project Lead
ELMS: Learning Network
Instructional Systems Architect
E-Learning Institute
College of Arts & Architecture
Penn State University
@btopro (aka Bryan Ollendyke)

2. https://elmsln.org
Star, Follow and Fork!

3. Buttercups UK Med Training

4. Beyond just “it’s accessible”

5. Alt title: Fun ideas around a11y

6. Beyond just “it’s accessible”
• Some links
• Cool JavaScript
• Increased usability
• Produce Empathy #a11y
• Demos along the way

7. Beyond just “it’s accessible”
• Some links
• Cool JavaScript
• Increased usability
• Produce Empathy #a11y
• Demos along the way

8. Some links
https://www.w3.org/TR/2016/WD-low-vision-needs-20160317

9. Some links
http://a11yproject.com

10. Some links
http://opendyslexic.org/

11. Some links
http://spritzinc.com/

12. Cool Javascript
https://www.drupal.org/project/a11y
• A11y Drupal module
• Adds block of options to drupal
• High contrast
• Text scaling
• Color inversion
• Open Dyslexia font
• Remembers user setting
• Includes dyslexia simulator

13. Cool Javascript
https://www.drupal.org/project/a11y
• A11y Drupal module
• Adds block of options to drupal
• High contrast
• Text scaling
• Color inversion
• Open Dyslexia font
• Remembers user setting
• Includes dyslexia simulator

14. Cool Javascript
http://materializecss.com/
• MaterializeCSS
• Design style inspired by Google
• ScrollSpy heading reader
• Visualize heading hierarchy
• Core in ELMS:LN - “Just works”

15. Cool Javascript
https://github.com/btopro/speedreader
• Speed Reader
• Power skim to prime memory
• Improves recall
• Also useful for those with dyslexi
a

16. Cool Javascript
http://keithamus.github.io/jwerty/
• Jwerty
• Easily add keyboard shortcuts

17. Cool Javascript
https://www.talater.com/annyang/
• Annyang
• Easily add voice commands
• Drupal module easy to integrate

18. The future
https://github.com/TalAter/SpeechKITT
• Completely spoken interfaces
• No need for voice-over in platforms
• HTML 5 spec
• SpeechSynthesisUtterance
• Allows computer to talk to you
Next step from there is a conversation…

19. The future
https://github.com/elmsln/hax
• HAX voice / mouse based interface
• Building HTML in the browser
• Easier to integrate into other systems
• Output is HTML
• Tool could wrap onto existing HTML

20. Questions
@btopro
elmsln.org