ELMS:LN Beyond accessibility
•Download as PPTX, PDF•
1 like•404 views
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.
Report
Share
ELMS:LN Beyond accessibility
- 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
- 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
Editor's Notes
- https://www.w3.org/TR/2016/WD-low-vision-needs-20160317
- https://www.w3.org/TR/2016/WD-low-vision-needs-20160317
- https://www.w3.org/TR/2016/WD-low-vision-needs-20160317
- https://www.w3.org/TR/2016/WD-low-vision-needs-20160317
- https://courses.aanda.psu.edu/art010/node/1992
- https://courses.aanda.psu.edu/art010/node/1992
- https://courses.aanda.psu.edu/art010/node/1992
- https://courses.aanda.psu.edu/arth111
- https://courses.aanda.psu.edu/arth111
- https://courses.aanda.psu.edu/arth111
- https://courses.elms.psu.edu/sing100/sites/all/modules/local_contrib/hax/libraries/hax/hax.html