Athletic Rivalries and Web Accessibility

Slides:



Advertisements
Similar presentations
ADA Compliant Websites & Documents What the heck am I supposed to do?
Advertisements

Creating dynamic and accessible content in Drupal 7 using WAI-ARIA Sarah Pulis Web Accessibility Evangelist DruaplCon | Content Authoring |
Website Accessibility Testing Todd M. Weissenberger Web Accessibility Coordinator University of Iowa
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Matt May | Accessibility Evangelist Geek to Geek: Universal Design.
An Evaluation and Discussion of the Web Accessibility of Academic Library Web Sites.
Accessible PDF Creation using Adobe Acrobat Professional 11.
Browser Toolbars You Shouldn’t Do Without How the WAT and WDT Can Help You Design Accessible Websites.
The ACCESS Project Jesse Hausler, UDL/Accessibility Coordinator Craig Spooner, Coordinator.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
Computing Concepts Advanced HTML: Tables and Forms.
DESIGN FOR ALL Dap01s, Mehtiö Reija. Agenda Introduction Different types of disabilities - what to consider?
CARAT/ IT Partnership Web Accessibility Initiative Mike Elledge Software Accessibility/Usability Specialist 12/10/03.
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.
Website Design - Review Layout using tables. Table exmaple James 11/08.
HTML5 Accessibility Ted Drake, Yahoo! Accessibility Lab Slideshare.net/7mary4.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
Alternative Views of the Web Jon Gunderson, Ph.D. Division of Rehabilitation-Education Services University of Illinois at Urbana/Champaign.
ARIA + HTML5 Steve Faulkner & Hans Hillen The Paciello Group.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML Pt. 2.
Lecture 5: HTML Structure and Navigation LIS350AR: Designing Universally Accessible Web Resources Instructor: Jon Gunderson.
Is Your Site Accessible? Web Site Testing for Accessibility Presented by: The NYS Forum IT Accessibility Committee The NYS Forum Webmasters Guild Northeast.
HTML5 Sections Old structuring elements –body, div, address, blockquote –headings: h1, h2, h3, … –ul, ol, table New structuring elements –header, footer,
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
© 2010 Delmar, Cengage Learning Chapter 8 Collecting Data with Forms.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
Chapter 2 XHTML: Part II The Web Warrior Guide to Web Design Technologies.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Functional Accessibility Evaluation of Web 2.0 Applications Testing Jon Gunderson, Ph.D University of Illinois.
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
ADA Americans with Disabilities Act. Many people with disabilities are unable to access information on websites because of a variety of barriers that.
Guideline 12 Provide context and orientation information.
Principles of Web Design Da’Zheonna M. Cotton 2/8/13.
Multimedia Authoring1 What is accessible web design? Why bother with accessible web design? Legal reasons Benefits to people without disabilities How is.
Week 8.  Form controls  Accessibility with ARIA.
Introduction to Web Site Development John Hurley Department of Computer Science California State University, Los Angeles Lecture 4: Favicons Tables and.
20-753: Fundamentals of Web Programming 1 Lecture 6: Advanced HTML Fundamentals of Web Programming Lecture 6: Advanced HTML.
Accessible PDF Creation using Adobe Acrobat Professional 11.
All About WAVE An Overview of WAVE, A Web Accessibility Evaluation Tool presented by Julie E. Grisham, M.Ed.
The Disability Resource Center Web Accessibility Assessment for Everyone.
Basic in Photoshop Tools in Photoshop Simple templates design menu in Photoshop different navigation bar image effects Design your portfolio page Design.
HTML Tables Tables are defined with the tag. A table is divided into rows (with the tag), and each row is divided into data cells (with the tag). td stands.
TNPW1 Ing. Jiří Štěpánek.  ordered list  (list item)  unordered list  (list item)
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
Web Accessibility June 2, 2016 Evaluation and Workflow.
Web Accessibility Web Community Meeting July 22, 2016 July 29, 2016.
Testing for Accessibility with Common Screen Readers
How to Improve Your #A11y Testing
Jon Gunderson, Ph.D. University of Illinois at Urbana/Champaign
Guidance for 3rd party content providers
Making your web site accessible a11yoz.com/maximise
Presented by: Bryan Garaventa, Accessibility Fellow
The Web Warrior Guide to Web Design Technologies
IT Accessibility Initiatives at Illinois
Introduction to Web Accessibility
Hands-On Website and Accessibility Preparation Training
What Designers Need to Know about Accessibility (A11y)
Page plans A01 Design.
Web Accessibility Allison Kidd, Accessibility Specialist
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Chap 7 Abs/rel hyperlinks Frag id Sprites (Student presentation)
Chap 7 Abs/rel hyperlinks Frag id Sprites (Student presentation)
ADA Compliant Website & Documents
Creating Accessible Electronic Documents
30 Web Accessibility Tips: Creating Accessible Web-Based Resources
The Internet 10/27/11 XHTML Forms
Lesson 5: HTML Tables.
Adobe Acrobat DC Accessibility: Accessibility Checker
Presentation transcript:

Athletic Rivalries and Web Accessibility Jon Gunderson, Ph.D. University of Illinois at Urbana/Champaign Data can be found at: http://data.oaa-web-accessibility.org

Sweet 16 of Accessible Websites Percentage of Elements Passing Rules (PEPR)

Conference Web Accessibility Percentage of Elements Passing Rules (PEPR)

OpenAjax Evaluation Library and Tools Open source Javascript based rules and Evaluation Engine http://www.openajax.org/member/wiki/Accessibility Alpha rule set for evaluating WCAG 2.0 requirements http://www.w3.org/TR/WCAG20 OAA Cache Inspector Toolbar for Firefox http://code.google.com/p/oaa-accessibility-cache-inspector/ AInspector for Firebug http://code.google.com/p/ainspector/

Control Rules Implementation PEPR Passed Violations Manual Checks Image Button has ALT 82% 6583 1563 Control must have label 53% 19013 15613 Label is Unique 52% 18565 16087 One Legend in Fieldset 23% 828 2728 Radio Fieldset/Legend 15% 893 4495 Labels descriptive 0% 15802 23240

Heading Rules Implementation Total Passed Violations Warnings Manual Checks Headings Unique 94% 123588 10850 Headings Nested 84% 177403 38318 H1 Element 81% 47436 3936 H1 and Main Landmark 9% 238 1860 Headings descriptive 0% 2109 199508

Image Rules Implementation PEPR Passed Violations Manual Checks ALT length 99% 224791 507 Image dimensions 89% 206337 18769 ALT Attribute 87% 170886 54412 Longdesc attribute n/a 233 ALT descriptive 81218

Link Rules Implementation PEPR Passed Violations Warnings Link size 94% 1433371 96527 Links unique 92% 1211579 125327

Landmark Rules Implementation PEPR Passed Violations Manual Checks Page has main landmark 6% 2486 19028 Page has navigation landmark 5% 2104 13089 Page has banner landmark 4% 1124 13227 All rendered content in a landmark 181256 3714764 4984 Page has contentinfo or complementary landmark 3% 1009 13386

Data Table Rules Implementation PEPR Passed Violations Manual Checks TH used for headers 98% 7776 295 Data cells have headers 20% 96425 108782 26310 Captions on multiple data tables 13% 674 5325 Captions on one data table 10% 268 2176

Summary of Results Major Problems Other Important Issues Form control labeling Data table headers Slow implementation of ARIA landmarks Other Important Issues Web widgets Video captioning

Pacific 12 Conference Percentage of Elements Passing Rules (PEPR)

Western Athletic Association Percentage of Elements Passing Rules (PEPR)

Southeast Conference (SEC) Percentage of Elements Passing Rules (PEPR)

Missouri Valley Conference Percentage of Elements Passing Rules (PEPR)

Big Ten Conference Percentage of Elements Passing Rules (PEPR)

Big West Conference Percentage of Elements Passing Rules (PEPR)

Ivy League Percentage of Elements Passing Rules (PEPR)

Conference USA Percentage of Elements Passing Rules (PEPR)

Big East Conference Percentage of Elements Passing Rules (PEPR)

Atlantic Coast Conference Percentage of Elements Passing Rules (PEPR)

Big 12 Conference Percentage of Elements Passing Rules (PEPR)

Atlantic 10 Conference Percentage of Elements Passing Rules (PEPR)