#a11y#PSEWEB

#siteimprove

Before and After: An Assistive Technology

Demonstration

#a11y#PSEWEB

#siteimprove

Before and After: An Assistive Technology Demonstration

Keith Bundy • Assistant Dean for Student Development • Dakota State University ADA Coordinator • Barrier Free Learning Committee Chair • Classroom Instructor • JAWS Certified • Director of Teaching for SD, for Fedora Outlier • YourTechVision, K-12 visually disabled students

#a11y#PSEWEB

#siteimprove

Kevin Rydberg • Senior eAccessibility Consultant, Siteimprove, Inc. • Web Strategist, E-Communications, Dakota State • Web Communications Coordinator, Mayo Clinic • Over 12 years in Web design, development, and consulting

Before and After: An Assistive Technology Demonstration

#a11y#PSEWEB

#siteimprove

Before and After: An Assistive Technology Demonstration

#a11y#PSEWEB

#siteimprove

1. Homepage

• Academics

2. Academics Page

• Find the School of Engineering

3. School of Engineering Page

• Find available programs

Before and After: An Assistive Technology Demonstration

#a11y#PSEWEB

#siteimprove

1. Homepage

• Find the Store

2. Store Page

• Find the 4-arm Hoodie

Before and After: An Assistive Technology Demonstration

#a11y#PSEWEB

#siteimprove

• Alternative text on images

• Title attributes on links

• Skip Navigation link

• Changed non-semantic tags to H2

Before and After: An Assistive Technology Demonstration

#a11y#PSEWEB

#siteimprove

1. Homepage

• Academics

2. Academics Page

• Find the School of Engineering

3. School of Engineering Page

• Find available programs

Before and After: An Assistive Technology Demonstration

#a11y#PSEWEB

#siteimprove

1. Homepage

• Find the Store

2. Store Page

• Find the 4-arm Hoodie

Before and After: An Assistive Technology Demonstration

#a11y#PSEWEB

#siteimprove

http://en.wikipedia.org/wiki/Web_accessibility

Web accessibility refers to “the practice of making websites usable

by people of all abilities and disabilities.”

Before and After: An Assistive Technology Demonstration

#a11y#PSEWEB

#siteimprove

• Coding for accessibility sucks.

• There’s no such thing as a fully accessible website.

• Just because you have an (mostly) accessible site, doesn’t mean you have a usable site.

Before and After: An Assistive Technology Demonstration

#a11y#PSEWEB

#siteimprove

• Know the Rules • WCAG 2.0, AODA

• Semantic Markup

• Organization’s Style guide

Before and After: An Assistive Technology Demonstration

#a11y#PSEWEB

#siteimprove

Before and After: An Assistive Technology Demonstration

Questions?

#a11y#PSEWEB

#siteimprove

Keith Bundy Assistant Dean Student Development ADA Coordinator Dakota State University Madison, SD keith.bundy@dsu.edu @keithbundy

Kevin Rydberg Senior eAccessibility Consultant Siteimprove, Inc. Minneapolis, MN kry@siteimprove.com @rydbergk

Before and After: An Assistive Technology Demonstration