QUICK TESTING FOR WEB ACCESSIBILITY UCCSC 2013 Patrick Burke Lloyd Nicks Chris Patterson.

Slides:



Advertisements
Similar presentations
Web Accessibility Testing for AIR
Advertisements

WCAG 2 Compliance With PDF
Copyright © 2007 Knowbility, Inc. Accessibility Testing 1 Code Validators – XHTML & CSS Accessibility Validators – Page by Page Listening to Your Pages.
Quality of UK Cultural Websites: evaluation Kate Fernie ICT Adviser (EU projects) MLA.
AHEAD HTML Accessibility Topics: Keyboard Accessibility Content and Structure Links Headings and Lists Images in HTML Pages Tables Forms.
Peer Feedback. In the homework section on the web for today: In the homework section on the web for today: 1. Open the link in the file and log into
Making IT Accessibility Accessible (And Fun?) Greg Kraus (Temporarily Able Bodied) University IT Accessibility Coordinator North Carolina State University.
Deakin University CRICOS Provider Code: 00113B WEB ACCESSIBILITY Umesh Gupta Consultant – (HRIS)
Seven Steps to a More Accessible Website Todd Weissenberger Web Accessibility Coordinator University of Iowa Version 1.0 September 2012.
MMWCON 2013 WEB ACCESSIBILITY Patrick Burke Lloyd Nicks Chris Patterson.
Adapting Technology Changing Lives Web accessibility Web accessibility and Disability A Practical introduction Robin Christopherson and Curt Holst AbilityNet.
Web Accessibility: Mastering the Essentials for Compliance Annie Bélanger Liam Morland May 2013.
WAHEP Website Check-up A Look at the Project Midway Website Evaluations.
Sue Cullen Program Manager, CSUN Universal Design Center Accessibility Network Product Testing Coordinator for the CSU ATNetwork.
Website Accessibility Testing Todd M. Weissenberger Web Accessibility Coordinator University of Iowa
MAKING WEBSITES WORK FOR EVERYONE WEB UCLA Patrick Burke Lloyd Nicks.
XX/XX/XX Presenter names Position Title Accessibility “How to”
Web Accessibility Web Services Office of Communications.
Web Content Accessibility Guidelines (WCAG) 2.0 by Julius Charles Serrano, Even Grounds.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
Web Accessibility Tests Using the Firefox Browser ACCESS to Postsecondary Education through Universal Design for Learning.
WCAG 2.0 California State University, Los Angeles.
Web Accessibility. Ensuring people of all abilities have equal access to web content Disability Discrimination Act – Web Access Advisory notes 2010 Required.
Dhananjay Bhole, Coordinator, Accessibility Research Group, Department of Education and Extension, University of Pune.
Web Accessibility John Rochford UMMS Shriver Center Director, INDEX Program Rich Caloggero WGBH National Center for Accessible Media MIT Adaptive Technology.
Terrill Thompson Experience IT: Testing IT For Accessibility.
WEBINAR SERIES: ACCESSIBLE INTERACTIVE DOCUMENTS Week 3: Accessible Web Forms Norman Coombs
Website Accessibility
Testing for Accessibility and Usability Is Your Site Accessible and Usable or Just Conformant?
Accessible Web Design Carolyn Fiori Assistive Technology Specialist, College of San Mateo November 2011.
The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.
Here is some selected material from a presentation at the "I Invent the Future” Grace Hopper Celebration of Women in Computing 2007
Quality Matters Web Accessibility Standard Amy Kinsel, June 2, 2010.
Website Accessibility Testing. Why consider accessibility People with disabilities – Visual, Hearing, Physical, Cognitive (learning, reading, attention.
1 © Netskills Quality Internet Training, University of Newcastle Web Page Design © Netskills, Quality Internet Training University.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
Unit 4 – Design and produce multimedia products AO1 – Review several existing multimedia products Mr Farmer.
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
Copyright © 2012 W3C (MIT, ERCIM, Keio) BAD: Before and After Demo Shadi Abou-Zahra W3C Web Accessibility Initiative (WAI)
+ A11y assessment Lisa Liskovoi. + WCAG POUR some accessibility sugar on me Perceivable – Can I see it? Hear it? Feel it? Operable – Can I scroll it?
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Section 508 Refresh WCAG 2.0 A and AA Information & Comparison CB Averitt – Deque Systems.
Web Content Accessibility Leila Styer Washington State University CAHNRS/Computer Resource Unit rev. November 2006.
DMT612 Professional Preparation EFFECTIVE WEB DESIGN.
Web Accessibility June 2, 2016 Evaluation and Workflow.
Web Accessibility training An introduction to web accessibility.
Web Accessibility John Rochford Rich Caloggero UMMS Shriver Center
Testing for Accessibility with Common Screen Readers
Guidance for 3rd party content providers
Making your web site accessible a11yoz.com/maximise
Widening the web Resources Readable. Keyboard navigable.
AODA Website Accessibility at York
Project Objectives Publish to a remote server
Making the Web Accessible to Impaired Users
Logistics Audio is also available over a phone line:
Creating Accessible PDFs from Word Docs
Information Architecture and Design I
Introduction to Web Accessibility
Implementing Digital Accessibility
Section 508 CT310 Spring 2018.
Colorado State University Web Accessibility
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Unit 14 Website Design HND in Computing and Systems Development
International University of Japan
Information Architecture and Design I
Change how your event is seen
Demystifying Web Content Accessibility Guidelines
Accessible Design Top 10 List
Accessibility Evaluation
WebAIM Screen Reader Survey Results
Presentation transcript:

QUICK TESTING FOR WEB ACCESSIBILITY UCCSC 2013 Patrick Burke Lloyd Nicks Chris Patterson

UC Accessibility Policy Technical discussions on code solutions Automated Tests SSB Bart Group AMP WebAIM WAVE CURRENT ACCESSIBILITY TOPICS

WHAT IS MISSING? Tests for elements that can only be evaluated by a human. Color Contrast Captions Navigation Non technical assessment tools Practical / Case based analysis

WHY QUICK TESTS? AMP automated tests still show many items that require human judgment of accessibility (AMP scores show either 100% or 0% success)

QUICK TEST SCOPE We aim to create a fast process to make many of those human-judgment assessments. We do not attempt to show how to fix accessibility errors in this talk.

QUICK TESTS GOALS Further prioritize the 21 Level A WCAG checkpoints. (Most can be checked by AMP.) Do verifiable, repeatable tests for the 13 AA items (that mostly require human judgment). Find simple, quick tests that can be applied to large amounts of content.

THE TESTS Consistent Navigation Color Contrast Double-Size Test Copy Test Logical Structure Focus Visible Captions Image Accessibility

CONSISTENT NAVIGATION Consistent Navigation: Navigational mechanisms that are repeated on multiple Web pages within a set of Web pages occur in the same relative order each time they are repeated, unless a change is initiated by the user. (Level AA)Web pagesset of Web pagessame relative order

CONSISTENT NAVIGATION Consistent Identification: Components that have the same functionality within a set of Web pages are identified consistently. (Level AA)same functionalityWeb pages

CONSISTENT NAVIGATION Maximum 5 min: Are there unusual changes to the navigation or other page components? Things to check: Consistency between Front page and secondary page navigation Choose a common navigation element and use keyboard only to get there.

COLOR CONTRAST Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at least 4.5:1 (Level AA)textimages of textcontrast ratio

Run tests on 4-5 potential problem areas, concentrating on extreme cases requiring immediate fix. WebAIMs Jared Smith mention readability is a continuum. Text at 4.4:1 isnt suddenly totally illegible. So focus on the biggest problems. COLOR CONTRAST

Color Contrast Checking tools Snook.ca Juicy Studio: COLOR CONTRAST

DOUBLE SIZE TEST Resize text: Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. (Level AA)captionsimages of text assistive technology Use CTRL-+ (CMD-+) to test whether the site is readable at 2x magnification.

COPY TEST Images of Text: If the technologies being used can achieve the visual presentation, text is used to convey information rather than images of text except for the following: (Level AA)textimages of text

COPY TEST Browser/OS-level test To test if images of text are being used, try copying any suspicious items. WCAG: (1.4.5) Text that cannot be copied is likely to be inaccessible.

LOGICAL STRUCTURE - WCAG Headings and Labels: Headings and labels describe topic or purpose. (Level AA)labels Headings should not be used for visual effects, on large blocks of content. Use judiciously (too much structure without content is a problem).

LOGICAL STRUCTURE Are headings used for logical structure? Does structure make sense? Do not worry about skipping consecutive heading levels (even though it is a red flag in AMP).

VISIBLE FOCUS – WCAG Focus Visible: Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. (Level AA) Is there a clear focus indicator when tabbing with keyboard. On the homepage & 5 subpages, test focus by tabbing through the page.

CAPTIONS Captions (Prerecorded): Captions are provided for all prerecorded audio content in synchronized media, except when the media is a media alternative for text and is clearly labeled as such. (Level A)Captionsprerecordedaudiosynchronized mediamedia alternative for text

CAPTIONS Quantify & assess portion of content that is multimedia Ensure controls are easy to identify and to enable captioning. If significant in quantity or importance, play 30 sec of 3-5 clips Are captions present? Are they readable?

IMAGES Survey Content: Appropriate Use of ALT text on Images Check 3-5 random images (or prominent images) on a site for appropriateness of alt text. Fail if several of those images have alt text = the filename. Fail if lots of text is embedded in images.

REFERENCES UCLA Disabilities and Computing Program Electronic Accessibility Leadership Team SSB Bart Group AMP WebAIM W3c Easy Checks