34: Tenon.io & Web Accessibility

The Web Platform Podcast

Accessibility for web applications typically gets added at the end of development cycles with different tools and low priority. This ruins the experience for many users and generally causes a huge impact on the quality of code. Because many companies are not held to supporting the standards of Section 508, Web AIM best practices, and WCAG by their clients and the impact in ROI is hard to measure it usually doesn’t happen.

Karl Groves (@karlgroves), Accessibility Consultant at The Paciello Group , creator of Tenon.io, & viking web developer leads by example, being an unstoppable developer community advocate for integration of accessibility over supplementation. Tenon takes a very interesting approach in that it integrates with tools we already use. Karl goes through developer resources. Tenon, and how we can make Web Accessibility a ‘first class’ citizen in our applications by making it part of our workflow and a fully integrated part of our process.

Resources

• Tenon - http://tenon.io/

• Tenon Chrome Plugin - https://chrome.google.com/webstore/detail/tenon-check/bmibjbhkgepmnehjfhjaalkikngikhgj?hl=en-US

• grunt-tenon - https://github.com/babaskate/grunt-tenon

• gulp-tenon-client - https://github.com/egauci/gulp-tenon-client

• Tenon Node - https://github.com/poorgeek/tenon-node

• tenon for Silverstripe - https://github.com/joshkosmala/silverstripe-tenon

• React & Tenon demo - https://bitbucket.org/tenon-io/tenon-demo-javascript-reactjs

• Modern Web Toolsets & The Next Generation of Accessibility Testing Tools (warning - content explicit)- https://www.youtube.com/watch?v=_uq6Db47-Ks&t=247

• Karl’s Viking Site - http://www.karlgroves.com/

• Karl’s Sandbox - http://www.karlgroves-sandbox.com/

• Marcy Sutton’s Protractor Plugin - http://marcysutton.com/angular-protractor-accessibility-plugin/

• Chrome Vox - https://chrome.google.com/webstore/detail/chromevox/kgejglhpjiefppelpmljglcjbhoiplfn?hl=en-US

• Steve Faulkner’s Web Accessibility Toolbar - https://github.com/ThePacielloGroup/WebAccessibilityToolbar/releases/tag/2015-02-04

• Tenon Visual Studio plugin - https://visualstudiogallery.msdn.microsoft.com/0ad320bc-80e4-402a-bf2b-d6c23a3a6730

• MDN Docs - https://developer.mozilla.org

• Accessible Wordpress Templates - https://wordpress.org/themes/tags/accessibility-ready/

• Microsoft Accessibility Resources for Developers - http://social.technet.microsoft.com/wiki/contents/articles/28725.accessibility-resources-for-developers.aspx?Sort=MostRecent&PageIndex=1

Panelists

• Erik Isaksen - UX Engineer at3Pillar Global

• Danny Blue - Senior Front End Developer at Deloitte Digital

• Adi Chikara - Advanced Technology Group Lead at 3Pillar Global