Can the Dynamic Web be Fully Accessible?

Southwest Conference on Disability2011

Virginia DeBolt, Emily Lewis, Jason Nakai, Sharron Rush

Presenters

• Virginia DeBolt, Author, Educator, Curriculum Designer– Email: virginia@vdebolt.com– Web: vdebolt.com– Blog: webteacher.ws

• Emily Lewis, Web Designer, Author, Speaker– Email: emily@emilylewisdesign.com– Web: emilylewisdesign.com– Blog: ablognotlimited.com

Presenters

• Jason Nakai, Designer, Developer– Email: info@jasonnakai.com– Web: nakaimedia.com

• Sharron Rush, Director, Knowbility, Inc.– Email: srush@knowbility.org– Web: knowbility.org

AccessiblePeople with disabilities

…can acquire the same information…participate in the same activities …be active producers

Progressive EnhancementLayers of content structured through

semantic HTML, CSS and scripting

Free Testing Tools

• Web Developer Toolbar for Firefox and Chrome: chrispederick.com/work/web-developer/

• Web Accessibility Toolbar for IE : http://www.visionaustralia.org.au/ais/toolbar/

• FireEyes from Deque: http://www.deque.com/products/worldspace-fireeyes/download-worldspace-fireeyes

• WAVE: wave.webaim.org/

Screenreaders

• JAWS demo http://www.freedomscientific.com/downloads/jaws/jaws-downloads.asp

• NVDA http://www.nvda-project.org/• Fangs Screenreader Emulator

http://www.standards-schmandards.com/projects/fangs/

Structure and Mark-Up

• WebAIM Semantic Structure: webaim.org/techniques/semanticstructure/

• Meaningful Markup: POSH and Beyond: msdn.microsoft.com/en-us/scriptjunkie/ff770012

• YouTube-Importance of Headings for Accessibility: www.youtube.com/watch?v=AmUPhEVWu_E

ARIA Resources• WAI-ARIA Overview

http://www.w3.org/WAI/intro/aria • ARIA Landmark Support:

paciellogroup.com/blog/2011/07/html5-accessibility-chops-aria-landmark-support/

• WAI-ARIA Primer: msdn.microsoft.com/en-us/scriptjunkie/ff743762.aspx

• ARIA Roles 101: webteacher.ws/2010/10/14/aria-roles-101/

PDF, Flash and More

• PDF Accessibility: webaim.org/techniques/acrobat/

• Acrobat accessibility training resources: adobe.com/accessibility/products/acrobat/training.html

• Accessible Tables: webaim.org/techniques/tables/• Responsive Web Design:

alistapart.com/articles/responsive-web-design/

Articles

• Is the mobile web enabled or disabled? slideshare.net/iheni/is-the-mobile-web-enabled-or-disabled-by-design

• Make a web site accessible for mobile: w3.org/WAI/mobile/

• Web and mobile accessibility: slideshare.net/iheni/web-and-mobile-accessibility

Javascript, HTML 5, media

• How to compensate for browser support with JavaScript: html5accessibility.com/

• HTML5 and Accessibility: msdn.microsoft.com/en-us/scriptjunkie/hh204741

• HTML5 multi track audio and video: blog.gingertech.net/2011/05/01/html5-multi-track-audio-or-video/

• Media Group Shim: github.com/rwldrn/mediagroup.js/

Accessibility Training

• AccessU May 2012, Austin http://www.knowbility.org/v/accessu/

• Free tutorials from W3C http://www.w3.org/WAI/presentations/Overview.php