1. talks! An Overview of Website Accessibility January 14, 2010 Audio is only available by calling this number: Conference Call: 866-740-1260; Access Code: 6339392 Sponsored by

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

3. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 You are being recorded… This seminar will be available on the TechSoup website along with past webinar presentations: –www.techsoup.org/go/webinars 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

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

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

6. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 Why Accessibility?

7. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 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)

8. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 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

9. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 Current Accessibility Guidelines: International Guidelines generally based on WCAG 1.0 or 508 May not have been updated after WCAG 2.0

10. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 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)

11. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 The Problems With Guidelines

12. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 Simple Code Example: LANG Tag Syntax: Screen reader example with no LANG tag present: Screen reader example with LANG tag present:

13. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 Attribute Example: Text equivalents (1) White House website: Website reporting on an event: Fashion website:

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

15. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 Markup Example: Form Fields(1) Form read without markup: Form read with markup:

16. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 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

17. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 CSS Example: Text Size (1)

18. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 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;

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

20. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 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

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

22. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 Accessibility and Popular CMSs Drupal WordPress Plone Joomla

23. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 Accessibility and Sample Social Media Facebook Twitter Flickr

24. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 Thanks! Jane Vincent, AMLS Usability/Accessibility Manager Center for Accessible Technology Berkeley, CA jbvincent@cforat.org www.cforat.org

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

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

27. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 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

28. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 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.

29. An Overview of Website Accessibility Conference Call: 866-740-1260 Access Code: 6339392 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

30. talks! Thank you! Please complete the post event survey! Kami Griffiths, kami@techsoup.org, 415-633-9392