Accessibility Doron Solomon August 2015
Agenda • Accessibility ??? • What is section 508 • AT&T Worldwide / AT&T Israel R&D Center • What is CATO • What is WAI-ARIA • How the screen reader works • Disability Types and Assistive Tools • Front End Developer • Some Do’s and Don’ts • Some useful links and info sources • Q/A
Accessibility ??? • The purpose of this presentation is to tell a story, the story of accessibility support in Israel at&t R&D Center.
What is section 508Section 508 is a set of laws addresses legal compliance through the process of market research and government procurement and also has technical standards against which products can be evaluated to determine if they meet the technical compliance.Web-based Applications standards assures accessibility to web content, e.g., text description for any visuals such that users of with a disability or users that need assistive technology such as screen readers and refreshable Braille displays, can access the content.
AT&T Worldwide • One of the largest telecom companies in the world. • Over 300,00 employees worldwide. • The largest telecom provider in the US. • Provides services to both the business and private sectors, such as: • Landlines • Mobile • TV • Internet • Communication technologies. • Security. • IoT (connected cars, smart houses etc.)
AT&T Israel R&D Center • Formerly Known as Interwise Ltd. • Purchased in 2007 by AT&T. • Employment growth of 1,000% in 5 years. • Unique R&D Center – the only one outside of USA. • Technologies: • IOS, Android, Microsoft, Web …
What is CATO • CATO - Corporate Accessibility Technology Office • An organization within AT&T charged with ensuring that AT&T’s product and service develop cycles consider the accessibility of persons with disabilities, and highlights how it enables AT&T workers to continue their jobs and thrive, all while pushing the business forward.
How the screen reader works Screen readers look at the document object model (DOM) of the page to know what the browser would display. For the Web, as well as for some other applications, screen readers are not reading the screen any more; instead, the screen reader is using the DOM to provide a speech rendering of data that is a web page. Put simply, a screen reader will read the outputted page from top to bottom left to right.
Disability Types and Assistive Tools Visual – Screen readers (JAWS and NVDA), screen magnification, Refreshable Braille displays, Voice recognition and high contrast Mobility – Alternative/adaptive keyboards and mice, Onscreen keyboards and mouse emulation, Breath control devices etc. Auditory – Teletypewriter (TTY) Communications device used by people who are deaf, hard of hearing, or speech impaired to communicate over networks designed to carry voice.
Some Do’s and Don’ts • Provide text alternates for all meaningful images using ALT attribute • When graphics contain useful information, also provide the information in text • Identify language (lang="en") • Use summary attribute and <th> tag for tables
Some Do’s and Don’ts cont. • Title all frames • Never blur pictures to indicate unavailability • Make it easy for users to skip any multimedia and Flash demos • Maintain correct heading structure
Demo Demo 1 Demo 2
Some useful links and info sources JAWS usage - http://webaim.org/resources/shortcuts/jaws Introduction to Web Accessibility – http://webaim.org/intro http://www.w3.org/WAI/intro/accessibility.php Web Content Accessibility Guidelines - http://www.w3.org/TR/WCAG20 Web Accessibility Initiative (WAI) - http://www.w3.org/WAI