ACCESSIBILITY FOR THE                 WEB
MARYLAND PUBLIC LIBRARY       ACCESSIBILIT Y PROJECTGoal: Make all public library websites inMaryland fully compliant with...
WHAT IS SECTION 508?
SECTION 508Section 508 of the Rehabilitation Act is afederal law and set of standards.It requires federal agencies to make...
SECTION 508Includes:  software applications and operating systems web-based information or applications  telecommunicat...
WCAG 2.0The World Wide Web Consortium (W3) maintainsstandards called WCAG 2.0 (Web ContentAccessibility Guidelines, implem...
WHAT ISACCESSIBILITY?
WHO DOES IT SERVE?Accessible web content is usable and meaningful forpeople with ANY disability, including:   Blindness  ...
CONTENT MUST BE PERCEIVABLEProvide text alternative to non-text content, including images, tables, and forms.Provide tra...
SITE MUST BE OPERABLEAll functions must be available from the keyboard .Give users enough time to read and use content....
CONTENT MUST BE UNDERSTANDABLEMake text readable and understandable by using clear and concise writingMake content appea...
SITE MUST BE ROBUSTMaximize compatibility with current and future user tools, such as:  Screen readers Disabling of CSS...
WHY YOUR SITE SHOULD       BE ACCESSIBLE
WHY?If your website is not accessible, you will lose valuable market share .Accessible websites are generally good examp...
BECOMING ACCESSIBLE
TECHNICAL TRICKSUnderstand how people with disabilities use the web.Try:   Activating your operating system’s built-in sc...
PROVIDE ALTERNATE CONTENTAdd alt tags to imagesProvide transcripts for audio contentProvide closed captions for video c...
USE SEMANTIC MARKUPHTML5 has tags for almost every kind of content.Call your content what it is: Header (<h1>, <h2>) tags...
FOLLOW GOOD DESIGN PRINCIPLESUse easy-to-read fontsUse fluid layouts so the site displays properly at any resolutionLea...
TOOLS & RESOURCES The W3 Web Accessibility Initiative (WAI) website  has case studies of people with disabilities using  ...
jessica keyes             @prairieskygal   Thank You!jessica.m.keyes@gmail.com prairieskydesigns.com
Upcoming SlideShare
Loading in...5
×

Accessibility on the Web

314
-1

Published on

Presentation given at Baltimore Lean Startup meetup, July 24, 2012.

See with additional content at prairieskydesigns.com.

Published in: Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
314
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Accessibility on the Web

  1. 1. ACCESSIBILITY FOR THE WEB
  2. 2. MARYLAND PUBLIC LIBRARY ACCESSIBILIT Y PROJECTGoal: Make all public library websites inMaryland fully compliant withSection 508 Accessibility Standards.
  3. 3. WHAT IS SECTION 508?
  4. 4. SECTION 508Section 508 of the Rehabilitation Act is afederal law and set of standards.It requires federal agencies to make theirelectronic and information technologyaccessible to people with disabilities.
  5. 5. SECTION 508Includes:  software applications and operating systems web-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. 6. WCAG 2.0The World Wide Web Consortium (W3) maintainsstandards called WCAG 2.0 (Web ContentAccessibility Guidelines, implemented in 2008).They are international standards .Section 508 standards will soon be updated to referdevelopers and site owners to to WCAG.
  7. 7. WHAT ISACCESSIBILITY?
  8. 8. WHO DOES IT SERVE?Accessible web content is usable and meaningful forpeople with ANY disability, including:  Blindness  Color blindness  Poor sight  Deafness  Reduced motor skills, caused by conditions such as arthritis or amputation  Cognitive impairment
  9. 9. CONTENT MUST BE PERCEIVABLEProvide text alternative to non-text content, including images, tables, and forms.Provide transcripts for audio content, or closed captions for video contentDon’t use visual elements such as color or font to communicate important information.
  10. 10. SITE MUST BE OPERABLEAll functions must be available from the keyboard .Give users enough time to read and use content.Do not use content that causes seizures .Help users navigate and find content .
  11. 11. CONTENT MUST BE UNDERSTANDABLEMake text readable and understandable by using clear and concise writingMake content appear and operate in predictable ways by adhering to best practice standards.Clearly define forms and help users avoid and correct mistakes .
  12. 12. SITE MUST BE ROBUSTMaximize compatibility with current and future user tools, such as: Screen readers Disabling of CSS, Javascript, and/or images Zooming tools Mobile devices
  13. 13. WHY YOUR SITE SHOULD BE ACCESSIBLE
  14. 14. WHY?If your website is not accessible, you will lose valuable market share .Accessible websites are generally good examples of web design best practices , and will therefore last longer and work better.It’s not the law yet, but it will be. There have already been successful suits filed against businesses with inaccessible websites.
  15. 15. BECOMING ACCESSIBLE
  16. 16. TECHNICAL TRICKSUnderstand 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. 17. PROVIDE ALTERNATE CONTENTAdd alt tags to imagesProvide transcripts for audio contentProvide closed captions for video contentGive descriptions to tables and forms
  18. 18. USE SEMANTIC MARKUPHTML5 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) Ordered list (<ol>) for numbered lists
  19. 19. FOLLOW GOOD DESIGN PRINCIPLESUse easy-to-read fontsUse fluid layouts so the site displays properly at any resolutionLeave ample white space to improve readabilityUse high-contrast colors
  20. 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. 21. jessica keyes @prairieskygal Thank You!jessica.m.keyes@gmail.com prairieskydesigns.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×