WEBSITE ACCESSIBILITY

Transcription

1 WEBSITE ACCESSIBILITY Murrieta Valley Unified School District March, 2017

2 WHAT DOES ACCESSIBLE MEAN? The degree to which a website is available to as many people as possible. Website accessibility is guided by internationally accepted expectations and standards known as Website Content Accessibility Guidelines - WCAG 2.0

3 WHO DOES ACCESSIBILITY BENEFIT? Everyone 20% of the population have unique needs navigating their world. 1 in 5 people have accessibility issues due to disability or age Visual blindness, low vision, color blindness Physical loss of a limb, reduced/limited mobility, epilisy, vertigo Cognitive ADHD, Dyslexia, Autism, intellectual disabilities Auditory

4 WHY IS ACCESSIBILITY IMPORTANT? OCR- U.S. Department of Education Office of Civil Rights ADA Americans with Disabilities Act Section Rehabilitation Act guarantees rights of people with disabilities Section 508 Amendment to Section requires accessible online content Title 11 Prohibits discrimination based on disability U.S. Department of Justice issued new accessibility rules for websites in 2010 WCAG 2.0 Adopted in January, 2017 & goes into effect in January 2018 Accessibility is a civil right and we have an ethical and legal obligation to provide a comparable website experience for everyone.

5 IS THIS NEW? Web Content Accessibility Guidelines are not new The World Wide Web Consortium (W3C) started in 1994 Accessibility requirements have been in place in the United Kingdom since 1995 and in the US since 1998 The current version of WCAG 2.0 was published in 2008 Web accessibility is required for doctors offices, recreational facilities, stores, restaurants, schools, colleges, airlines

6 MVUSD ACCESSIBILITY STRATEGY Accessibility Policy on all websites Board Policy 1113 District-sponsored websites updated 2/17/17 Contract with Site Improve weekly scans Dedicated Accessibility Team comprised of District Webmaster, Schoolwires, Technology Staff, Webmasters, Content Editors The goal is to address issues and make content accessible going forward This is an on-going process - not a project No website will ever be 100% accessible

7 SO WHAT ARE ACCESSIBILITY ISSUES? Images Links Headings PDF s Proper use of color Understandable content Tables & forms Keyboard only access Multi-media content Blind person working on a computer in class

8 IMAGES Use appropriate, descriptive ALT text for all images Don t include picture or image in alt text Use simple, succinct language to describe exactly what the image is. No blinking images or animations Check the images on your home page in headlines Boy in a Grinch costume holds a Dr. Seuss book

9 LINKS & DOWNLOADS Links self-describing Identify the target of the link i.e click here for more information about sea lions" Don t use click here or more info For links to documents day Download a copy of the calendar or Download a textonly version of this page Use this Click here to go to the MVUSD website Not this main/1

10 HEADINGS Headings on every page to organize content Use H1 heading in Schoolwires styles Heading should describe topic or purpose of content

11 PDF PDFs create from source documents Don t scan if the text cannot be copied it is is likely inaccessible. Save as PDF, not print to PDF. Format Word and PowerPoint documents with appropriate headings, tags and formatting and style options that are available in all Office programs

12 USE OF COLOR Color contrast between text color and background Don t use color alone to convey information

13 UNDERSTANDABLE CONTENT Content must be easy to follow and understand for many users. For most content, this means simply avoiding overly complex sentences and jargon, and providing clear layout and design. Who depends on this feature? People with learning disabilities who cannot understand complex sentence structures and vocabulary. People with cognitive disabilities who have difficulty focusing on long passages of dense text. What are the additional benefits? Content is more usable for people with lower language skills, such as people who are not fluent in the language of the website and people with low literacy. Content is easier to understand by users who are not familiar with the topic. Content is easier to skim, and get an overview of the information.

14 ADVANCED ACCESSIBILITY ISSUES Tables & Forms Tables - Insert descriptive labels for columns and rows using HTML markup that indicates content of rows and columns Forms - Fields and other form controls must have visible labels, such as " Address:" would be the label for a text field. Keyboard Compatibility Many people cannot use a mouse and rely on the keyboard to interact with the Web. People who are blind and some sighted people with mobility impairments rely on the keyboard or on assistive technologies such as keyboard commands, such as voice input. Accessible websites enable people to access all content and functionality links, forms, media controls, etc. through a keyboard. Multi-media Captions are a text form of audio information in video and animations. This includes the words that are spoken and important sounds like music, laughter, and noises. Captions must be synchronized with the visual content to contextualize them. For media posted on You Tube, check the closed caption option.

15 NEXT STEPS Review your home page and the main channel pages and fix these accessibility issues Images = ddd alt text to images on home page Links Headings PDF s Proper use of color and color contrast Understandable content As you add new content, follow accessibility requirements.

16 RESOURCES & QUESTIONS The international resource on web accessibility is the Web Accessibility Initiative MVUSD Website Staff/Instructional Technology/Schoolwires/Accessibility WCAG Overview Getting Started with Web Accessibility Accessibility Handbook