• Skip to content
• | Change text size or colors

WAI: Strategies, guidelines, resources to make the Web accessible to people with disabilities

Site Navigation

W3C Home

Web Accessibility Initiative (WAI) Home

1. Introducing Accessibility
2. Guidelines & Techniques
3. Managing Accessibility
   1. Policy Resources
   2. Business Case
   3. Before and After Demo
      1. »Accessibility Barriers
      2. Inaccessible Web Site
      3. Accessible Web Site
      4. Evaluation Report
   4. Implementation Plan
   5. Developing Training
   6. Technical Papers
4. Evaluating Accessibility
5. WAI Groups
6. About WAI

[DRAFT] Accessibility Barriers Shown in the Demo

This is an outdated draft. The latest version is available at http://www.w3.org/WAI/demos/bad/.

Introduction

This page lists the main accessibility barriers in the "Before and After Demonstration". For an introduction to the demonstration, see About the Before and After Demonstration. For details on the accessibility barriers in the demonstration, see the Web Accessibility Evaluation Report.

About the Sample Pages

The pages of the demonstration have been developed using templates to define the overall structure and visual design. Accessibility barriers in the page templates are therefore automatically carried over to all the other pages of the Web site. The pages also demonstrate other accessibility barriers in addition to these carried over from the templates.

Home Page

• Inaccessible home page
• Accessible home page

Barriers

• Images do not have appropriate text equivalents - see Use of Images in the Evaluation Report
• Reading order is distorted without style sheets - see Page Structure in the Evaluation Report
• Headings, lists, and list items are not coded properly - see Page Structure in the Evaluation Report
• Ambiguous link texts such as "click here" are used - see Use of Links in the Evaluation Report
• Text may disappear when the font size is increased - see Page Presentation in the Evaluation Report

News Article Page

• Inaccessible news article
• Accessible news article

Note: The layout of the inaccessible news article breaks in most browsers other than Internet Explorer 6, this demonstrates the effect of coding for a single browser.

Barriers

• Reading order is distorted without style sheets - see Page Structure in the Evaluation Report
• Document code contains deprecated markup - see Page Markup in the Evaluation Report
• Quotation markup is used for formatting effects - see Page Structure in the Evaluation Report
• Font sizes are fixed and may not be expandible - see Page Presentation in the Evaluation Report
• Data tables do not contain sufficient markup code - see Use of Tables in the Evaluation Report

Tickets Page

• Inaccessible events page
• Accessible events page

Barriers

• Data tables do not contain sufficient markup code - see Use of Tables in the Evaluation Report
• Data table markup is used for formatting effects - see Use of Tables in the Evaluation Report
• Acronyms and abbreviations are not explained - see Page Structure in the Evaluation Report
• Page headings are encoded as images of text - see Use of Images in the Evaluation Report
• Invalid markup does not work on some browsers - see Page Markup in the Evaluation Report

Survey Form Page

• Inaccessible survey form
• Accessible survey form

Barriers

• Layout tables do not linearize to reading order - see Use of Tables in the Evaluation Report
• Form controls are not associated with labels - see Use of Forms in the Evaluation Report
• Form controls are not divided into manageable groups - see Use of Forms in the Evaluation Report
• Color-coded information is not available without color - see Use of Color in the Evaluation Report
• Changes in the natural language are not indicated - see Site Navigation in the Evaluation Report

Page Template

• Inaccessible template
• Accessible template

Barriers

• Images are missing text equivalents - see Use of Images in the Evaluation Report
• Controls are not operable by keyboard - see Keyboard Control in the Evaluation Report
• Page markup does not validate - see Page Markup in the Evaluation Report
• Client-side scripts are not accessible - see Use of Scripts in the Evaluation Report
• Insufficient color contrast for links - see Use of Color in the Evaluation Report

Document Information

Version: DRAFT 8 August, 2006
Editors: Shadi Abou-Zahra and the Before and After Demo Task Force (BAD TF) of the Education and Outreach Working Group (EOWG). Developed with support from WAI-TIES, a project of the European Commission IST Programme. [see change log]

[Contacting WAI] Feedback welcome to wai-eo-editors@w3.org (a publicly archived list).

File (not content) last updated on $Date: 2012/02/20 21:03:28 $ by $Author: shadi $