talks! An Overview of Website Accessibility January 14, 2010 Audio is only available by calling this number: Conference Call: ; Access Code: Sponsored by

An Overview of Website Accessibility Conference Call: Access Code: Using ReadyTalk Chat & raise hand Mute = *6, Unmute = *7 If you lose your internet connection, reconnect using the link ed to you. If you lose your phone connection, re-dial the phone number and re-join. ReadyTalk support:

An Overview of Website Accessibility Conference Call: Access Code: You are being recorded… This seminar will be available on the TechSoup website along with past webinar presentations: – You will receive a link to this presentation, material and links. After the webinar, you can ask follow-up questions in the Web Building Community Forum: –tinyurl.com/ya5otgy Twitter hashtags: #techsoup

talks! An Overview of Website Accessibility Presenter: Jane Vincent, AMLS Center for Accessible Technology Sponsored by

An Overview of Website Accessibility Conference Call: Access Code: Today’s Speakers Kami Griffiths TechSoup Assisting with chat questions: Becky Wiegand, TechSoup Jane Vincent Center for Accessible Technology

An Overview of Website Accessibility Conference Call: Access Code: Why Accessibility?

An Overview of Website Accessibility Conference Call: Access Code: Current Accessibility Guidelines: WCAG 2.0 Published in early 2009 by the WorldWideWeb Consortium (W3C); supersedes and has significant differences from WCAG 1.0 Intended to respond to new technologies as they develop Four principles: Perceivable, Operable, Understandable, Robust (POUR) Three compliance levels: A (26 criteria), AA (13), AAA (23)

An Overview of Website Accessibility Conference Call: Access Code: Current Accessibility Guidelines: Section 508 Amended 1998; administered by the Federal Access Board Required compliance for federal agencies; useful for other entities Currently has 16 rules; forthcoming revision will likely expand this to dovetail with WCAG All current 508 rules are covered under WCAG 2.0 at AA level compliance

An Overview of Website Accessibility Conference Call: Access Code: Current Accessibility Guidelines: International Guidelines generally based on WCAG 1.0 or 508 May not have been updated after WCAG 2.0

An Overview of Website Accessibility Conference Call: Access Code: Guideline Implementation Usually requires access to source code Often requires minimal code addition/modification Can be facilitated by use of templates and cascading style sheets (CSS)

An Overview of Website Accessibility Conference Call: Access Code: The Problems With Guidelines

An Overview of Website Accessibility Conference Call: Access Code: Simple Code Example: LANG Tag Syntax: Screen reader example with no LANG tag present: Screen reader example with LANG tag present:

An Overview of Website Accessibility Conference Call: Access Code: Attribute Example: Text equivalents (1) White House website: Website reporting on an event: Fashion website:

An Overview of Website Accessibility Conference Call: Access Code: Attribute Example: Text Equivalents (2) Always use a null ALT attribute (ALT=“”) for invisible or purely decorative elements Extended descriptions (80+ characters):

An Overview of Website Accessibility Conference Call: Access Code: Markup Example: Form Fields(1) Form read without markup: Form read with markup:

An Overview of Website Accessibility Conference Call: Access Code: Markup Example: Form Fields (2) Source code excerpt: Surname Forename Title Dr <input id="Mister" type="radio" name="Title" value="Mister" /> Mr Mrs <input id="Ms"type="radio" name="Title" value="Ms" /> Ms Miss Postal Address

An Overview of Website Accessibility Conference Call: Access Code: CSS Example: Text Size (1)

An Overview of Website Accessibility Conference Call: Access Code: CSS Example: Text Size (2) From Amazon’s style sheets: font-size: 14px; font-size: 10pt; From SF Gate’s style sheets: font-size:.86em; font-size:.78em;

An Overview of Website Accessibility Conference Call: Access Code: Automatic Accessibility Checkers May provide a summary report, expose problems, or both Cannot check all issues Cannot provide meaningful feedback on all issues

An Overview of Website Accessibility Conference Call: Access Code: Only True Accessibility Test Have site tested by individuals with disabilities who do and do not use assistive technology: –Blind –Low vision –Physical disabilities –Learning disabilities –Elders

An Overview of Website Accessibility Conference Call: Access Code: Accessibility and Content Management Systems (CMSs) Access to source code? Access to style sheets? Use of templates/skins? Accessibility prompts/assistance built-in?

An Overview of Website Accessibility Conference Call: Access Code: Accessibility and Popular CMSs Drupal WordPress Plone Joomla

An Overview of Website Accessibility Conference Call: Access Code: Accessibility and Sample Social Media Facebook Twitter Flickr

An Overview of Website Accessibility Conference Call: Access Code: Thanks! Jane Vincent, AMLS Usability/Accessibility Manager Center for Accessible Technology Berkeley, CA

talks! Questions? Submit your questions using the chat box.

An Overview of Website Accessibility Conference Call: Access Code: Continue the Discussion… Additional questions can be answered by posting in the Web Building Community Forum: –tinyurl.com/ya5otgy

An Overview of Website Accessibility Conference Call: Access Code: Get the Most Out of TechSoup At TechSoup, you’ll find a range of technology services to help your nonprofit: – Read helpful articles in our Learning Center – Request donated software, hardware, and online services – Join our community forums to learn from your colleagues – Browse upcoming events and conferences

An Overview of Website Accessibility Conference Call: Access Code: Upcoming Webinars Integrating Social Media into Your WebsiteIntegrating Social Media into Your Website –Tuesday, January 19, 10 a.m. Avoid the Junk: How to Get Quality Used ComputersAvoid the Junk: How to Get Quality Used Computers –Thursday, January 28, 11 a.m.

An Overview of Website Accessibility Conference Call: Access Code: Thank you to our Webinar Sponsor! ReadyTalk offers dedicated product demos for TechSoup organizations 4 times per week. For more information: pages.readytalk.com/techsoup.html

talks! Thank you! Please complete the post event survey! Kami Griffiths,