Beyond just "it's accessible" (2017)
•
1 like•59 views
Highlights technologies in ELMSLN that are rather unique; namely spoken interface technology, conversational UIs, and why we all should standardize on web component technology for front end development to increase accessibility while lowering barriers to content production.
Report
Share
Beyond just "it's accessible" (2017)
- 1. Bryan Ollendyke @btopro Beyond just “it’s accessible”
- 2. elmsln.org “Open Ulmus - What is xAPI”
- 3. NGDLE Image ©2015 Buttercups Training, used with permission.
- 5. Desired outcome • Increase accessibility options through user preferences • increase empathy via simulation
- 6. OpenDyslexic is an open source font created to increase readability for readers with dyslexia.
- 8. Learn more • http://a11yproject.com/ • http://drupal.org/project/a11y • https://www.elmsln.org/blog/post/low-vision- accessibility-simulator • https://drupal.psu.edu/blog/post/a11y- accessibility-toolkit-module
- 9. Jarvis, make me a coffee
- 10. Desired outcomes • Have a conversation using native browser technology • Make Drupal… Jarvis
- 11. Image ©2010 Daniel Diaz, DeviantArt.com http://danimix1983.deviantart.com/art/Ironman-184550435
- 12. caniuse.com
- 13. caniuse.com
- 14. annyang! is a tiny javascript library that lets your visitors control your site with voice commands
- 16. Code example
- 19. Learn more • https://drupal.org/project/voicecommander • https://www.talater.com/annyang/ • https://drupal.psu.edu/blog/post/turn-your- drupal-site-google-home
- 20. The end of the inaccessible web… as we all built it
- 21. Desired outcome • Streamline design workflows • Make content modeling design first • Eliminate as much “theming” as possible • Make <html> unable to be made inaccessible • Make <html> based content creators design professional without css/js knowledge In other words… Save EdTech
- 22. Save EdTech ...but how and from what?
- 23. From what: Reality. • New developers only want to do JS / front-end • User / student expectations for quality off the charts • Education is at times it’s technology capabilities (perception) so experiences better be great • FOSS is a handful of accessibility lawsuits away from real vendor FUD
- 25. Web components “Web components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps.” - webcomponents.org
- 32. <awesome-explosion size=“tiny”> <awesome-explosion size=“small”> <awesome-explosion size=“big”> <awesome-explosion size=“epic”>
- 33. <awesome-explosion color=“blue”> <awesome-explosion color=“yellow”> <awesome-explosion color=“red”> <awesome-explosion color=“purple”>
- 34. <lrndesign-drawer icon="lrn-icons:network" alt="See additional content"> <p>This is some help text</p> </lrndesign-drawer>
- 38. Cons of this approach • Browser Support
- 39. Pros of this approach • Separation of concerns ✅ • “Headless” theming ✅ • Unidirectional data flow ✅ • Component architecture ✅ • Documentation ✅ • Framework Interoperability 😱
- 40. 😱
- 41. FRAMEWORK INTEROPERABILITY • ELMS:LN ✅ • Sakai ✅ • OAE ✅ • Xerte ✅ • Karuta ✅ • Moodle😱
- 42. FRAMEWORK INTEROPERABILITY • Drupal ✅ • GravCMS ✅ • Home grown ✅ • Static generators ✅ • Joomla ✅ • Wordpress 😱 • ELMS:LN ✅ • Sakai ✅ • OAE ✅ • Xerte ✅ • Karuta ✅ • Moodle😱
- 44. Relevant links: • https://www.webcomponents.org/ • https://www.polymer-project.org/ • https://www.elmsln.org/blog/post/lrn-future-design- educational-technology
- 45. elmsln.org @btopro | @elmsln | @ lrncomponents