![Page 1: Web Accessibility Before and After, PSEWeb 2014](https://reader034.vdocuments.net/reader034/viewer/2022051818/549b1648b47959f7088b46ad/html5/thumbnails/1.jpg)
#a11y#PSEWEB
#siteimprove
Before and After: An Assistive Technology
Demonstration
![Page 2: Web Accessibility Before and After, PSEWeb 2014](https://reader034.vdocuments.net/reader034/viewer/2022051818/549b1648b47959f7088b46ad/html5/thumbnails/2.jpg)
#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
![Page 3: Web Accessibility Before and After, PSEWeb 2014](https://reader034.vdocuments.net/reader034/viewer/2022051818/549b1648b47959f7088b46ad/html5/thumbnails/3.jpg)
#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
![Page 4: Web Accessibility Before and After, PSEWeb 2014](https://reader034.vdocuments.net/reader034/viewer/2022051818/549b1648b47959f7088b46ad/html5/thumbnails/4.jpg)
#a11y#PSEWEB
#siteimprove
Before and After: An Assistive Technology Demonstration
![Page 5: Web Accessibility Before and After, PSEWeb 2014](https://reader034.vdocuments.net/reader034/viewer/2022051818/549b1648b47959f7088b46ad/html5/thumbnails/5.jpg)
#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
![Page 6: Web Accessibility Before and After, PSEWeb 2014](https://reader034.vdocuments.net/reader034/viewer/2022051818/549b1648b47959f7088b46ad/html5/thumbnails/6.jpg)
#a11y#PSEWEB
#siteimprove
1. Homepage
• Find the Store
2. Store Page
• Find the 4-arm Hoodie
Before and After: An Assistive Technology Demonstration
![Page 7: Web Accessibility Before and After, PSEWeb 2014](https://reader034.vdocuments.net/reader034/viewer/2022051818/549b1648b47959f7088b46ad/html5/thumbnails/7.jpg)
#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
![Page 8: Web Accessibility Before and After, PSEWeb 2014](https://reader034.vdocuments.net/reader034/viewer/2022051818/549b1648b47959f7088b46ad/html5/thumbnails/8.jpg)
#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
![Page 9: Web Accessibility Before and After, PSEWeb 2014](https://reader034.vdocuments.net/reader034/viewer/2022051818/549b1648b47959f7088b46ad/html5/thumbnails/9.jpg)
#a11y#PSEWEB
#siteimprove
1. Homepage
• Find the Store
2. Store Page
• Find the 4-arm Hoodie
Before and After: An Assistive Technology Demonstration
![Page 10: Web Accessibility Before and After, PSEWeb 2014](https://reader034.vdocuments.net/reader034/viewer/2022051818/549b1648b47959f7088b46ad/html5/thumbnails/10.jpg)
#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
![Page 11: Web Accessibility Before and After, PSEWeb 2014](https://reader034.vdocuments.net/reader034/viewer/2022051818/549b1648b47959f7088b46ad/html5/thumbnails/11.jpg)
#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
![Page 12: Web Accessibility Before and After, PSEWeb 2014](https://reader034.vdocuments.net/reader034/viewer/2022051818/549b1648b47959f7088b46ad/html5/thumbnails/12.jpg)
#a11y#PSEWEB
#siteimprove
• Know the Rules • WCAG 2.0, AODA
• Semantic Markup
• Organization’s Style guide
Before and After: An Assistive Technology Demonstration
![Page 13: Web Accessibility Before and After, PSEWeb 2014](https://reader034.vdocuments.net/reader034/viewer/2022051818/549b1648b47959f7088b46ad/html5/thumbnails/13.jpg)
#a11y#PSEWEB
#siteimprove
Before and After: An Assistive Technology Demonstration
Questions?
![Page 14: Web Accessibility Before and After, PSEWeb 2014](https://reader034.vdocuments.net/reader034/viewer/2022051818/549b1648b47959f7088b46ad/html5/thumbnails/14.jpg)
#a11y#PSEWEB
#siteimprove
Keith Bundy Assistant Dean Student Development ADA Coordinator Dakota State University Madison, SD [email protected] @keithbundy
Kevin Rydberg Senior eAccessibility Consultant Siteimprove, Inc. Minneapolis, MN [email protected] @rydbergk
Before and After: An Assistive Technology Demonstration