Top Tips for School Website Accessibility
Presenter Today s Presenters Jared Smith Associate Director, WebAIM WebAIM.org @jared_w_smith
Put your pencils down. A video copy of today s presentation will be available online.
Q&A Use side bar tools to text in questions.
Certificate of Completion Professional Development Webinar Series www.campussuite.com/survey
Get your free guide How to prepare your school website to be ADA compliant, and keep it fully accessible to people with disabilities www.campussuite.com/accessibility
Better communication for schools Website CMS Notifications Mobile app Social media Accessibility
Presenter Today s Presenters Jared Smith Associate Director, WebAIM WebAIM.org @jared_w_smith
POLL QUESTION True, False, or I don t know? My web content is currently accessible.?
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.)
What we ll be covering today
What we ll cover 1 The importance of web accessibility
What we ll cover 2 How students with disabilities access and use the web, and how web accessibility impacts them
What we ll cover 3 Top tips for implementing basic accessibility techniques
What we ll cover 4 How to conduct a basic web accessibility evaluation
What we ll cover 5 Resources that are available for learning more
The importance of web accessibility
8.5% of the population has a disability that affects computer use does not include those with cognitive/learning disabilities, color blindness, etc.
Accessibility...... encourages good design and development practices.... supports searchability.... supports internationalization.... supports mobile-friendly content.
is blind, deaf, and can t use a mouse
How students with disabilities access and use the web, and how web accessibility impacts them
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.
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
Your site can be compliant, yet inaccessible
Your site can be technically accessible, yet functionally inaccessible
Accessibility > Compliance
Perceivable
Auditory Disabilities
Auditory Disabilities Captions for video & live audio Text transcripts for all audio content
Auditory Disabilities
Braille Display
Visual Disabilities Blindness Low vision Color deficiency
Top tips for implementing basic accessibility techniques
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 >
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 >
Visual Disabilities Sufficient contrast http://webaim.org/resources/contrastchecker/ Ensure that meaning is not conveyed with color alone
The green mushrooms listed here are OK to eat. The red mushrooms will kill you. Amanita Chanterelle Porcini Shiitake Tylopilus
The green mushrooms listed here are OK to eat. The red mushrooms will kill you. Amanita Chanterelle Porcini Shiitake Tylopilus
Operable
Motor Disabilities
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
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
Photosensitive Epilepsy
Accessibility is enabling a positive user experience
Understandable
Who does this affect? Cognitive disabilities Largest disability group. Larger than all the others put together. Everyone!
Understandable Be careful with movement and other distractors Use good organization (headings, lists, etc.) Larger text improves readability Avoid long line lengths
Understandable Focus the user s attention Chunk and simplify content Balance cognitive load vs. functionality
Robust
Robust
Perceivable Operable Understandable Robust
How to conduct a basic web accessibility evaluation
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
wave.webaim.org
Resources that are available for learning more
Web Accessibility Resources WebAIM.org Articles and Resources Monthly newsletter E-mail discussion list WCAG Resources National Center on Disability and Access to Education NCDAE.org Cheatsheets Policy and process implementation guides
Thank You! Q&A Jared Smith Associate Director, WebAIM WebAIM.org @jared_w_smith
Get your free guide How to prepare your school website to be ADA compliant, and keep it fully accessible to people with disabilities www.campussuite.com/accessibility
Certificate of Completion Professional Development Webinar Series www.campussuite.com/survey
www.campussuite.com
Follow us. @campussuitecms
Thank you for attending. www.campussuite.com