Top Tips for School Website Accessibility

Size: px

Start display at page:

Download "Top Tips for School Website Accessibility"

Allan Ball
6 years ago
Views:

1 Top Tips for School Website Accessibility

2 Presenter Today s Presenters Jared Smith Associate Director, WebAIM

3 Put your pencils down. A video copy of today s presentation will be available online.

4 Q&A Use side bar tools to text in questions.

5 Certificate of Completion Professional Development Webinar Series

6 Get your free guide How to prepare your school website to be ADA compliant, and keep it fully accessible to people with disabilities

7 Better communication for schools Website CMS Notifications Mobile app Social media Accessibility

8 Presenter Today s Presenters Jared Smith Associate Director, WebAIM

9 POLL QUESTION True, False, or I don t know? My web content is currently accessible.?

10 A non-profit web accessibility consultancy at the Center for Persons with Disabilities at Utah State University. Informative web site at webaim.org Services Web accessibility training Web site evaluation and reporting Site compliance certification Technical assistance (policy generation, process implementation, etc.)

11 What we ll be covering today

12 What we ll cover 1 The importance of web accessibility

13 What we ll cover 2 How students with disabilities access and use the web, and how web accessibility impacts them

14 What we ll cover 3 Top tips for implementing basic accessibility techniques

15 What we ll cover 4 How to conduct a basic web accessibility evaluation

16 What we ll cover 5 Resources that are available for learning more

17 The importance of web accessibility

18 8.5% of the population has a disability that affects computer use does not include those with cognitive/learning disabilities, color blindness, etc.

20 Accessibility encourages good design and development practices.... supports searchability.... supports internationalization.... supports mobile-friendly content.

21 is blind, deaf, and can t use a mouse

22 How students with disabilities access and use the web, and how web accessibility impacts them

23 Assistive Technology Assistive technology promotes greater independence by enabling people to perform tasks that they were formerly unable to accomplish, or had great difficulty accomplishing.

25 WCAG 2.0 Principles based Perceivable Operable Understandable Robust Three levels of conformance: A, AA, AAA A/AA is typically a requirement of OCR resolution agreements

26 Your site can be compliant, yet inaccessible

27 Your site can be technically accessible, yet functionally inaccessible

28 Accessibility > Compliance

29 Perceivable

30 Auditory Disabilities

31 Auditory Disabilities Captions for video & live audio Text transcripts for all audio content

32 Auditory Disabilities

33 Braille Display

34 Visual Disabilities Blindness Low vision Color deficiency

36 Top tips for implementing basic accessibility techniques

37 Visual Disabilities Web pages are linear Provide meaningful link text. Avoid click here. Provide a logical heading structure Identify document language <html lang= en > Alternative text for non-text elements Content and Function <img alt= Jared Smith >

38 Visual Disabilities Associate text labels with form elements <label for= name >Name:</label> <input type= text id= name > Associate data cells to row/column headers <th scope= col > or <th scope= row >

39 Visual Disabilities Sufficient contrast Ensure that meaning is not conveyed with color alone

42 The green mushrooms listed here are OK to eat. The red mushrooms will kill you. Amanita Chanterelle Porcini Shiitake Tylopilus

43 The green mushrooms listed here are OK to eat. The red mushrooms will kill you. Amanita Chanterelle Porcini Shiitake Tylopilus

44 Operable

45 Motor Disabilities

46 Operable Ensure keyboard accessibility Don t remove focus indicators Avoid outline:0 and outline:none in CSS Ensure interactive elements are clearly distinguishable Logical reading/navigation order

47 Operable Allow user to skip over repetitive and/or lengthy lists of links Error-prevention and recovery mechanisms Give users control over time-sensitive changes

48 Photosensitive Epilepsy

51 Accessibility is enabling a positive user experience

52 Understandable

53 Who does this affect? Cognitive disabilities Largest disability group. Larger than all the others put together. Everyone!

54 Understandable Be careful with movement and other distractors Use good organization (headings, lists, etc.) Larger text improves readability Avoid long line lengths

55 Understandable Focus the user s attention Chunk and simplify content Balance cognitive load vs. functionality

56 Robust

57 Robust

58 Perceivable Operable Understandable Robust

59 How to conduct a basic web accessibility evaluation

60 Evaluating Web Accessibility Only people can evaluate true accessibility Use a checklist WebAIM s WCAG 2.0 Checklist Perform keyboard testing Test in a screen reader Conduct user testing Use automated tools

61 wave.webaim.org

62 Resources that are available for learning more

63 Web Accessibility Resources WebAIM.org Articles and Resources Monthly newsletter discussion list WCAG Resources National Center on Disability and Access to Education NCDAE.org Cheatsheets Policy and process implementation guides

64 Thank You! Q&A Jared Smith Associate Director, WebAIM

65 Get your free guide How to prepare your school website to be ADA compliant, and keep it fully accessible to people with disabilities

66 Certificate of Completion Professional Development Webinar Series

68 Follow

69 Thank you for attending.

Section 508 and Web Accessibility. Jared Smith

Section 508 and Web Accessibility Jared Smith http://webaim.org Accessibility Development of information systems flexible enough to accommodate the needs of the broadest range of users... regardless of