Accessibility on the Web
Upcoming SlideShare
Loading in...5
×
 

Accessibility on the Web

on

  • 317 views

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

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

See with additional content at prairieskydesigns.com.

Statistics

Views

Total Views
317
Views on SlideShare
264
Embed Views
53

Actions

Likes
1
Downloads
5
Comments
0

1 Embed 53

http://prairieskydesigns.com 53

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Accessibility on the Web Accessibility on the Web Presentation Transcript

    • ACCESSIBILITY FOR THE WEB
    • MARYLAND PUBLIC LIBRARY ACCESSIBILIT Y PROJECTGoal: Make all public library websites inMaryland fully compliant withSection 508 Accessibility Standards.
    • WHAT IS SECTION 508?
    • 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.
    • 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
    • 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.
    • WHAT ISACCESSIBILITY?
    • 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
    • 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.
    • 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 .
    • 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 .
    • 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
    • WHY YOUR SITE SHOULD BE ACCESSIBLE
    • 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.
    • BECOMING ACCESSIBLE
    • 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.
    • 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
    • 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
    • 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
    • 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 .
    • jessica keyes @prairieskygal Thank You!jessica.m.keyes@gmail.com prairieskydesigns.com