Presentation by Jessica Keyes Baltimore Lean Startup meetup July 24, 2012

1. ACCESSIBILITY ON THE
WEB

2. MARYLAND PUBLIC LIBRARY
ACCESSIBILIT Y PROJECT
Goal: Make all public library websites in
Maryland fully compliant with
Section 508 Accessibility Standards.
Enoch Pratt Free Library is the State Library
Resource Center.
We will be leading by example and providing
support to county libraries.

3. WHAT IS SECTION 508?

4. SECTION 508
Section 508 of the Rehabilitation Act is a
federal law and set of standards.
It requires federal agencies to make their
electronic and information technology
accessible to people with disabilities.

5. SECTION 508
Includes:
 software applications and operating systems
 w eb-based information or applications
 telecommunication products
 video and multimedia products
 self contained, closed products
(e.g., information kiosks, calculators, and fax
machines)
 desktop and portable computers

6. WCAG 2.0
The World Wide Web Consortium (W3) maintains
standards called WCAG 2.0 (Web Content
Accessibility Guidelines, implemented in 2008).
They are international standards .
Section 508 standards will soon be updated to refer
developers and site owners to to WCAG.

7. WHAT IS
ACCESSIBILITY?

8. WHO DOES IT SERVE?
Accessible web content is usable and meaningful for
people with ANY disability, including:
 Blindness
 Color blindness
 Nearsightedness
 Deafness
 Reduced motor skills, caused by conditions such as
arthritis or amputation
 Cognitive impairment
 Seizure conditions

9. CONTENT MUST BE PERCEIVABLE
 P rovide text alternative to non-text content,
including images, tables, and forms.
 P rovide transcripts for audio content, or
closed captions for video content
 D on’t use visual elements such as color or
font to communicate important information.

10. SITE MUST BE OPERABLE
 A ll functions must be available from the
keyboard .
 G ive users enough time to read and use
content.
 D o not use content that causes seizures .
 H elp users navigate and find content .

11. CONTENT MUST BE UNDERSTANDABLE
 M ake text readable and understandable by
using clear and concise writing
 M ake content appear and operate
in predictable ways by adhering to best
practice standards.
 C learly define forms and help users avoid
and correct mistakes .

12. SITE MUST BE ROBUST
 M aximize compatibility with current and
future user tools, such as:
 S creen readers
 D isabling of CSS, Javascript, and/or images
 Z ooming tools
 M obile devices

13. WHY YOU SHOULD BE
ACCESSIBLE

14. WHY?
 I f your website is not accessible, you will lose
valuable market share .
 A ccessible websites are generally good
examples of web design best practices ,
and will therefore last longer and work better.
 I t’s not the law yet, but it will be.
There have already been successful suits filed
against businesses with inaccessible websites.

15. BECOMING ACCESSIBLE

16. TECHNICAL TRICKS
Understand how people with disabilities use the web.
Try:
 Activating your operating system’s built-in screen
reader and navigating your site blindfolded.
 Navigating your site using only the keyboard.
 Disabling CSS and Javascript, and see if your site is
still usable.

17. PROVIDE ALTERNATE CONTENT
 A dd alt tags to images
 P rovide transcripts for audio content
 P rovide closed captions for video content
 G ive descriptions to tables and forms

18. USE SEMANTIC MARKUP
HTML5 has tags for almost every kind of content.
Call your content what it is:
 Header (<h1>, <h2>) tags for headers and
subheaders
 Emphasis (<em>) rather than italic
(<i> is deprecated in HTML5)
 Footer (<footer>) for the footer area
 Ordered list (<ol>) for numbered lists

19. FOLLOW GOOD DESIGN PRINCIPLES
 U se easy-to-read fonts
 U se fluid layouts so the site displays properly
at any resolution
 L eave ample white space to improve
readability
 U se high-contrast colors

20. TOOLS & RESOURCES
 The W3 Web Accessibility Initiative (WAI) website has
case studies of people with disabilities using the
web.
 WAVE shows errors and warnings in context for
individual pages
 Use your operating system’s built-in text-to-voice
software for experiencing your site through a screen
reader.
For links to these tools and more, visit prairieskydesigns.com .

21. jessica keyes
@prairieskygal Thank You!
jessica.m.keyes@gmail.com
prairieskydesigns.com