Getting Started With Accessibility: Top Tips and Best Practices

Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Kevin Rydberg
Senior eAccessibility Consultant, Siteimprove, Inc.
Keith Bundy
Assistant Dean for Student Development, Dakota State University
Kevin Rydberg
Senior eAccessibility Consultant
Siteimprove, Inc.
Minneapolis, MN
kry@siteimprove.com
@rydbergk
Keith Bundy
Assistant Dean Student Development/ ADA Coordinator
Dakota State University
Madison, SD
keith.bundy@dsu.edu
Tuesday, October 8, 13

What is the most popular and widely used assistive device ever created?
h"p://www.slideserve.com/jennelle/dhs-‐s-‐department-‐wide-‐governance-‐of-‐508-‐compliance

What is the most popular and widely used assistive device ever created?
Glasses!
(and contact lenses)
h"p://artprimo.com/forums/trailer_park_boys-‐t1217.html

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

Kevin Rydberg
• Why Digital Accessibility?

Kevin Rydberg
Accessibility is about people.

We need to educate.
Kevin Rydberg

We need to offer solutions.
Kevin Rydberg

Keith Bundy
• Assistant Dean for Student Development
• Dakota State University ADA Coordinator
• Barrier Free Learning Committee Chair
• Classroom instructor

Keith’s site review
• www.monstersuniversity.com
h"p://monstersuniversity.com/edu/

Web accessibility refers to “the practice of making
websites usable by people of all abilities and
disabilities.” http://en.wikipedia.org/wiki/Web_accessibility

Pareto Principle

The Pareto principle (also known as the 80–20 rule) states that,
for many events, roughly 80% of the effects come from 20% of
the causes.
http://www.nytimes.com/2008/03/03/business/03juran.html?_r=0
Pareto Principle
20%80%

Where do I start?

Know the rules
• Know how to fix the problems
• Your institution’s guidelines
• Federal guidelines
• Section 508
• WCAG 2.0

Section 508
• US only
• Goes beyond web accessibility
• Based on WCAG 1.0
• Currently being reviewed for updated criteria
• SSB BART GROUP
• https://www.ssbbartgroup.com/blog/2013/01/23/section-508-refresh-timing-projections/

WCAG 2.0
• Created by WAI (Web Accessibility Initiative) of the W3C
• Guidelines are grouped by priority, A, AA, AAA
• WCAG 2.0 AA guidelines are a great place to start

h"p://coding.smashingmagazine.com/2009/04/08/from-‐table-‐hell-‐to-‐div-‐hell/
Where do I start?
Semantic Markup
• Mark up with tags that describe the type of content
• Not for presentation, but structure
• Many benefits to semantic markup

h"p://blogs-‐images.forbes.com/work-‐in-‐progress/ﬁles/2012/09/Strategy.jpg
Coding for accessibility sucks.
Where do I start?

There’s no such thing as a fully
accessible website.
Where do I start?

Just because you have an (mostly)
accessible site, doesn’t mean you
have a usable site.
Where do I start?

Campus Disability Services
• Find testers with disabilities
• Alternative funding
Where do I start?

Low hanging fruit
• Include files
• CSS
• Alt text
• Define the language of the website
• Skip links
Where do I start?

High traffic pages
• Top-level pages
• Portal pages
• Landing pages
Where do I start?

“A” level errors first
• Titles
• Semantic mark up (h1-h6)
• Alt tags
• Decorative images
Where do I start?

“A” level errors first
body {
background:#999 url('/css/images/homepage-bg.png')repeat;
}
Where do I start?
<img src=”box-edge-bottom.jpg” alt=”“ />

Form elements
• Labels
• Descriptive titles
• Tab order
Where do I start?

Redesign
• Templates
• Semantic markup
• Clean CSS
• Responsive sites
Where do I start?

Dev Server
• Catch problems before they go live
Where do I start?

Role-based staff training
• Non-technical Staff -- editors, managers
• Developers
• Designers
Where do I start?

Let your CMS do the work
• Set up custom toolbars
• Enforce proper coding, headings, lists, alt tags
• Your website is not a Word document!
Where do I start?

For Americans without disabilities, technology
makes things easier. For Americans with disabilities,
technology makes things possible.
Mary Pat Radabaugh
“Study on the Financing of Assistive Technology
Devices & Services for Individuals with Disabilities”

Questions?
Thank You!
Kevin Rydberg
Senior eAccessibility Consultant
Siteimprove, Inc.
Minneapolis, MN
kry@siteimprove.com
@rydbergk

Getting Started With Accessibility: Top Tips and Best Practices

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Getting Started With Accessibility: Top Tips and Best Practices

Semelhante a Getting Started With Accessibility: Top Tips and Best Practices (20)

Último

Último (20)

Getting Started With Accessibility: Top Tips and Best Practices