Project LeadELMS: Learning Network

Instructional Systems ArchitectE-Learning InstituteCollege of Arts & ArchitecturePenn State University

@btopro (aka Bryan Ollendyke)

https://elmsln.org

Star, Follow and Fork!

Buttercups UK Med Training

Beyond just “it’s accessible”

Alt title: Fun ideas around a11y

Beyond just “it’s accessible”• Some links• Cool JavaScript• Increased usability• Produce Empathy

#a11y• Demos along the

way

Beyond just “it’s accessible”• Some links• Cool JavaScript• Increased usability• Produce Empathy

#a11y• Demos along the

way

Some links

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

Some links

http://a11yproject.com

Some links

http://opendyslexic.org/

Some links

http://spritzinc.com/

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

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

Cool Javascript

http://materializecss.com/

• MaterializeCSS• Design style inspired by

Google• ScrollSpy heading reader• Visualize heading hierarchy• Core in ELMS:LN - “Just

works”

Cool Javascript

https://github.com/btopro/speedreader

• Speed Reader• Power skim to prime mem-

ory• Improves recall• Also useful for those with

dyslexia

Cool Javascript

http://keithamus.github.io/jwerty/

• Jwerty• Easily add keyboard short-

cuts

Cool Javascript

https://www.talater.com/annyang/

• Annyang• Easily add voice commands• Drupal module easy to inte-

grate

The future

https://github.com/TalAter/SpeechKITT

• Completely spoken interfaces• No need for voice-over in plat-

forms• HTML 5 spec• SpeechSynthesisUtterance• Allows computer to talk to you

Next step from there is a conver-sation…

The future

https://github.com/elmsln/hax

• HAX voice / mouse based inter-face

• Building HTML in the browser• Easier to integrate into other

systems• Output is HTML• Tool could wrap onto existing

HTML

Questions

@btopro

elmsln.org