Making Websites Usable For PWDs And More…

Slides:



Advertisements
Similar presentations
Web Accessibility Talyah Aviran Head of UI team. 2 What is Accessibility? What is accessibility to the Web and why is it important? Impact of the Web.
Advertisements

Web Accessibility Web Services Office of Communications.
Web accessibility A practical introduction. Presentation title and date1 Web accessibility is about designing sites so as many people as possible can.
1 Accessibility CSSE 376, Software Quality Assurance Rose-Hulman Institute of Technology April 16, 2007.
Online Access for all POSTGRADUATE DIPLOMA IN PUBLIC COMMUNICATION (New Media) Trinity & All Saints College April 2006 Bim Egan Web Accessibility Consultant.
The W3C Web Accessibility Initiative (WAI) Inclusive learning through technology Damien French.
October 2, 2007IEEE IPCC2007 Building Communication With Access for All Richard B. Ells Senior Webmaster University of Washington
Dhananjay Bhole, Coordinator, Accessibility Research Group, Department of Education and Extension, University of Pune.
Kathy Gips Will Miller New England ADA & Accessible IT Center voice/tty Funded by the National Institute on Disability.
Accessibility IS 101Y/CMSC 101Y November 19, 2013 Marie desJardins University of Maryland Baltimore County.
Web Accessibility John Rochford UMMS Shriver Center Director, INDEX Program Rich Caloggero WGBH National Center for Accessible Media MIT Adaptive Technology.
Designing for Disabled Users.  p?vid=35 p?vid=35.
Accessibility IS 403: User Interface Design Shaun Kane 1.
Assistive Technology and Web Accessibility University of Hawaii Information Technology Services Jon Nakasone.
Week 7.  Definition, policies, standards  Continuum of abilities.
ACCESS IS MORE THAN BRICK AND MORTAR: THE BASICS OF WEB SITE ACCESSIBILITY.
COMM1PCOMM1P Alan Woolrych Accessibility 9 COMM1P9COMM1P9 SCET MSc EC/ECA © Alan Woolrych 2001 Introduction Accessibility “Making Content Available to.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability Arts, Media and Technology at the MCA.
Evolution of Web Accessibility Meenakshi Sripal COMS E6125.
Accessibility IS 101Y/CMSC 101Y November 19, 2013 Carolyn Seaman University of Maryland Baltimore County.
Web Content Development IS Dr. Ravi Kuber Accessible Web Design.
Making eLearning Accessible for Everyone. Will the be accessible to everyone? MOOC online space scenario mobile course eLearning.
Fundamentals of Graphic Communication 3.5 Accessible Design.
Reach More People with Zoom & Speech Built Right into Websites.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
Accessibility of services on the web. Table of contents Statistics Definitions Different kinds of disabilities Solutions for accessibility.
Sitecues Metrics David Young (617) Discussion Document.
Digital Inclusion – Beyond Web Accessibility David Robinson May 2016 #engageAU digital inclusion – beyond website accessibility #engageAU David Robinson.
Accessibility is not boring or difficult. It’s the right thing to do. Benjy Stanton.
Improving Online Access For Seniors and Other Patrons An Information Session for Libraries.
Web Accessibility John Rochford Rich Caloggero UMMS Shriver Center
Instructions for Hosting and
Making videos accessible – Mandatory guidelines
Accessibility Solutions in a Digital Learning Environment
Human Computer Interaction
© Copyright 2010, Dominic Foundation – Switzerland
How People with Disabilities Access the Web
Screen Reader Testing and Website Support for Beginners
Accessibility testing
Best Practices and Lessons Learned
Screen Reader Testing and Website Support for Beginners
Introduction to Web Accessibility
Curry School of Education
TC1015 Fundamentos de diseño interactivo
Implementing Digital Accessibility
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
Successful Website Accessibility Testing
Colorado State University Web Accessibility
Web Programming– UFCFB Lecture 3
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
OU Campus Accessibility
Lakeshore Public Schools
Web Accessibility John Rochford Rich Caloggero
Web: Big Concepts Ch. 3 1/10/2019.
Building your class website
Course Web Technology Guus Schreiber
Are your…  Website  Shared computers &  Learning Management Systems ACCESSIBLE TO ALL?
DIGITAL ACCESSIBILITY OVERVIEW
Web Standards and Accessible Design.
Название доклада.
Accessible Design Top 10 List
Human and Computer Interaction (H.C.I.) &Communication Skills
Accessibility Evaluation
Various mobile devices
Accessibility.
Information Accessibility
Presentation transcript:

Making Websites Usable For PWDs And More… Lessons for disability marketing George Spohn (802) 367-6161 www.sitecues.com gspohn@aisquared.com @gnspohn

World leader in vision accessibility and accommodation for 40 years World’s best-selling computer screen reader and screen magnifier (JAWS and Zoom Text) Provider of magnifiers and braille displays Distributed in over 70 countries worldwide Most Fortune 1000 companies use our products

US Population With Print Disabilities Demographics US Population With Print Disabilities Blind & low vision Includes blind and non-correctable low vision 9% 21 M Learning disabilities Includes dyslexia, ADHD, autism 15% 46 M Low literacy Individuals reading below 5th grade level 21% 65 M Non-native speakers English-as-a-second language (ESL) 5% 13 M Seniors & boomers Includes the 50% of seniors with one or more diagnosed disability 39% 127M All percentages based on US population Source: US Census, American Community Survey, National Institute of Health, National Adult Literacy Survey, National Health Interview Survey

Web usability research

Survey objectives and methodology Survey Methodology Survey Focus Conducted November 2015 and September 2016 400+ online respondents from the US Online survey Our survey population: Desktop & laptop users, age 50 and older Smartphone users, age 30 and older Representative mix of gender, income, and geography Questions on 4 topics Challenges experienced during web use Frequency of challenges Use of built-in accessibility tools Reactions once challenges are experienced Research objective: To understand challenges among seniors and the general population when using the web

Usability challenges are common for web users over 50 25% experience regular and consistent challenges Website usability challenges on a computer (age 50+) Comments Only 9% claim to never experience challenges with websites 25% experience regular or consistent challenges Website designs and the tools that older web users employ result in frequent usability challenges Question: How regularly do you find it difficult to read or use a website because of the way it was designed or the way it appears on your computer screen? Source: Sitecues web user survey (2015) There is a significant unmet need to improve website usability

Mobile website challenges are common 26% of smartphone users experience regular or consistent challenges Website usability challenges on a smartphone (age 30+) Share of older adults with website challenges Comments In addition to the large population with regular challenges, 2/3 of adults experience situational challenges with mobile websites Question: How regularly do you find it difficult to read or use a website because of the way it was designed or the way it appears on your computer screen? Source: Sitecues mobile user survey (2016) There is a significant unmet need to improve web usability for BOTH desktop and mobile

Many more cite physical challenges than self-identify as having a disability Reason for website challenges using a computer (age 50+) Comments Only 19% self-identify as having a disability Situational conditions, such as eye fatigue, have important impact on website usability Question: Do you ever have difficulty using a computer because of: Source: Sitecues web user survey (2015) Accessibility isn’t only about disability

Many factors cause mobile challenges: environment, device, design, ability Reasons for website challenges on a smartphone (age 30+) Question: How often do the following make it more difficult to use websites on your smartphone? Source: Sitecues mobile user survey (2016) A greater number of factors impact mobile website usability

Website usability challenges are diverse, and experienced by a considerable fraction of older web users Website challenges on a computer (age 50+) Comments Top-tier issues impact >1/3 of web users Page layout Page navigation Reading text Second-tier issues impact 5- 10% of web users Finding the mouse Perceiving colors Question: In cases where a website is difficult for you to read or use, what particular aspects of the website do you find most challenging? (click all that apply) Source: Sitecues web user survey (2015) Websites need improvement in multiple areas

Challenges with mobile websites are varied, and experienced by many Website challenges on a smartphone(age 30+) Comments The frequency of challenges on mobile is equivalent or higher than on computers Question: How often do you find it difficult to perform these activities on websites with your smartphone? Source: Sitecues mobile user survey (2016) Challenges extend to the general user population, and include many mobile power users

Built-in accessibility tools are generally known, but seldom used on computers Use of built-in accessibility tools on a computer (age 50+) Comments Built-in accessibility tools include all functionality built into the operating system or browser to make content and applications more accessible Zoom / magnifier Font size Mouse size & color Line thickness Colors & contrast Use of pinch zoom in mobile has greatly increased awareness of built-in accessibility tools Question: Have you ever used the built-in accessibility tools (e.g., Browser Zoom, Large Fonts) included in your computer’s operating system or web browser? Source: Sitecues web user survey (2015) Web users need better tools

Mobile users want better accessibility features Interest in accessibility features on a smartphone (age 30+) Comments Most mobile users want improved zoom and a simplified / text-only view A sizeable minority want better font size, colors or audio output capabilities Question: Which of these would make websites more usable on your smartphone? Source: Sitecues mobile user survey (2016) Mobile web users need better tools

Website users react strongly to poor website usability, both on computers and on smartphones Reaction after experiencing a website challenge on a desktop (age 50+) Comments For a majority, poor website usability translates to lost page views and/or loss of patronage Only a small faction employ alternatives – either calling by phone or getting help to use the site Smartphone users behave similarly (not pictured) Question: When you find a website to be difficult to read or use, what alternative approaches do you use? (click all that apply) Source: Sitecues web user survey (2015) Website owners cannot afford poor website usability

Summary Many adults have print disabilities – more than are counted in “traditional” disability statistics Website usability is a major issue – due to the size of the print disabled population PLUS situational needs Mobile devices and mobile websites haven’t “fixed” the problem Existing tools are insufficient -- users want better tools Organizations pay a high price for poor website usability in the form of lost business and higher support costs

Recommendations for disability marketing Website & digital compliance is a critical first step, but it isn’t enough Focus on usability to improve the effectiveness of your marketing and customer engagement Use PWDs and accessibility principles to identify fixes that could benefit a much larger audience Raise awareness – the #1 obstacle to accessibility -- among management, design, and development teams

If you give us your business card, we will get you this presentation For More Information George Spohn Regional Sales Manager, Eastern Region, USA +1 (802) 367-6161 gspohn@aisquared.com @gnspohn www.sitecues.com @sitecues sales@sitecues.com 857-259-5272 If you give us your business card, we will get you this presentation

Best practices for disability marketing on the web

Create a WCAG compliant website as an important first step Tool #1 WCAG (Web Content Accessibility Guidelines) are technical standards set forth by the W3C (Worldwide Web Consortium) to promote website accessibility Compliant websites help web users with the most significant challenges, including web users who are: Blind Deaf keyboard-only Compliant websites provide limited assistance to: Users who do not self-identify as having a disability People who do not use assistive technology Users with minor impairments More is needed to make a website usable for most seniors

Best practices in website design Tool #2 Follow inclusive design principles for Color + Contrast Font + Thickness vs Simplicity + Consistency Proximity + Separation vs

Use a vision simulator to better understand what your visitors see Tool #3 NoCoffee; bit.do/coffee0 Free Chrome extension 5000+ users – Used at Amazon Build awareness & empathy & Made during a snowstorm by our Chief Architect Aaron Leventhal Caveats: Not medically accurate Mouse not affected

User personas should include different user abilities Tool #4 What impacts user ability: Age – e.g., vision loss, diminished dexterity Education – e.g., low literacy, non- native English Disability – e.g., learning disabilities, low vision Device Type – e.g., smartphone, tablet User Situation – e.g., low light, high noise Cognition Vision Hearing Motor Personas should go beyond device type and user situation

Test for both compliance AND usability … evaluated based on adherence to guidelines and standards … measured based on user impact and feedback Speed to complete task Task error rate Information retention Section 508 Accessibility projects can benefit from usability measurement

Tools for website accessibility & usability Font resizer Alternative View Speech Multifunction www.readspeaker.com www.sitecues.com www.readability.com www.usablenet.com www.reciteme.com www.captivoice.com www.essentialaccessiblity.com www.texthelp.com www.audioeye.com