This document outlines an assistive technology demonstration given by Keith Bundy and Kevin Rydberg. It shows the steps taken to navigate a website both before and after improvements to accessibility. These include adding alternative text to images, title attributes to links, and a skip navigation link. The demonstration highlights how accessibility features help users of assistive technologies access and understand web content.

1. #a11y
#PSEWEB
#siteimprove
Before and After:
An Assistive Technology
Demonstration

2. #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

3. #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

4. #a11y
#PSEWEB
#siteimprove
Before and After: An Assistive Technology Demonstration

5. #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

6. #a11y
#PSEWEB
#siteimprove
1. Homepage
• Find the Store
2. Store Page
• Find the 4-arm Hoodie
Before and After: An Assistive Technology Demonstration

7. #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

8. #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

9. #a11y
#PSEWEB
#siteimprove
1. Homepage
• Find the Store
2. Store Page
• Find the 4-arm Hoodie
Before and After: An Assistive Technology Demonstration

10. #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

11. #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

12. #a11y
#PSEWEB
#siteimprove
• Know the Rules
• WCAG 2.0, AODA
• Semantic Markup
• Organization’s Style guide
Before and After: An Assistive Technology Demonstration

13. #a11y
#PSEWEB
#siteimprove
Before and After: An Assistive Technology Demonstration
Questions?

14. #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