An accessibility workshop

1. Accessibility 101 15th August 2008

5. Why accessibility?

6. Incentives…

12. Accessibility < Universal Design

24. AJAX: Google Calendar

25. Drag n’ drop

26. Olympics.com

27. 8 years on...

28. 8 years on...

31. Business case for accessibility Before After

33. Let’s digress: How we read online

36. JAWS Demo 2 www.eaglestarlife.ie/product_centre/savings_investment/mib.jsp

40. NDA Guidelines

41. NDA Guidelines: Priority 1 1.1 Provide a text equivalent for every non-text element 1.2 Ensure that information does not rely on colour perception 1.6 Use the clearest and simplest language appropriate 1.9 For data tables, identify row and column headers 1.15 Ensure that scripts and applets that provide the only source of important functionality are directly accessible or compatible with assistive technologies 1.16 Ensure that pages are usable without support for scripts, applets, or other programmatic objects 1.17 If you cannot make a page accessible, provide an equivalent accessible page

42. NDA Guidelines 1.2 Ensure that information does not rely on colour perception

43. NDA Guidelines: Priority 2 2.5 Use style sheets to control layout and presentation WAI 2.6 Use relative rather than absolute units 2.7 Use header elements to convey structure 2.8 Break up large blocks of information where appropriate 2.12 Clearly identify the target of each link 2.16 Associate labels explicitly with their controls 2.17 Properly position the labels of form controls 2.18 Ensure that user interfaces are device-independent 2.21 Ensure that scripts and applets are accessible 2.30 Do not generate pop-ups or other windows and do not change the current window without informing the user

44. 2.7 Use header elements to convey structure

45. NDA Guidelines 2.21 Ensure that scripts and applets are accessible

46. NDA Guidelines: Priority 3 3.5 Place distinguishing information at the beginning of headings, paragraphs, lists 3.7 Provide summaries for tables 3.9 Identify groups of related links and provide a way to bypass them 3.14 Provide navigation bars 3.18 Create a style of presentation that is consistent across pages

51. Let’s do an accessibility audit… Pick a website…

53. Let’s do an accessibility audit… 2. Manual check

54. Let’s do an accessibility audit… 3. User testing

58. You MUST read this…

62. 4. The new guidelines

68. Wrap-up

71. fin