[DRAFT] Accessibility Barriers Shown in the Demo

Page Contents

·        Introduction

·        Home Page

·        News Article Page

·        Tickets Page

·        Survey Form Page

·        Page Template

Sidebar

different formaticon indicates links to a demo page without WAI site navigation.

Introduction

This page lists the main accessibility barriers in the "Before and After Demonstration" Web pages. 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 PagesAccessibility Barriers in All Pages

The pages of the demonstration Web pages werehave 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 Therefore, all the demonstration Web pages have the same accessibility barriers that are in the template. Each pages also demonstrates other accessibility barriers in addition to these carried over from the templates.

Template For All Pages

·        Inaccessible Template different format

·        Accessible Template different format

Barriers

·        Images are missing text equivalents - see Use of Images in the Evaluation Report different format

·        Controls are not operable by keyboard - see Keyboard Control in the Evaluation Report different format

·        Page markup does not validate - see Page Markup in the Evaluation Report different format

·        Client-side scripts are not accessible - see Use of Scripts in the Evaluation Report different format

·        Insufficient color contrast for links - see Use of Color in the Evaluation Report different format

 

Home Page

·        Inaccessible hHome pPage different format

·        Accessible hHome pPage different format

Barriers

·        Images do not have appropriate alternative text equivalents - see Use of Images in the Evaluation Report different format

·        Reading order is distorted without style sheets - see Page Structure in the Evaluation Report different format

·        Headings, lists, and list items are not coded/marked up properly - see Page Structure in the Evaluation Report different format

·        Ambiguous lLink texts are ambiguous, such as "click here" are used - see Use of Links in the Evaluation Report different format

·        Text may disappears in some browsers when the font size is increased - see Page Presentation in the Evaluation Report different format

News Article Page

·        Inaccessible nNews aArticle different format

·        Accessible nNews aArticle different format

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

Barriers

·        Reading order is distorted without style sheets - see Page Structure in the Evaluation Report different format

·        Document code contains deprecated markup - see Page Markup in the Evaluation Report different format

·        Quotation markup is used for formatting effects - see Page Structure in the Evaluation Report different format

·        Font sizes are fixed and may not be expandiable - see Page Presentation in the Evaluation Report different format

·        Data tables do not contain sufficient markup code - see Use of Tables in the Evaluation Report different format

Tickets Page

·        Inaccessible events page different format

·        Accessible events page different format

Barriers

·        Data tables do not contain sufficient markup code - see Use of Tables in the Evaluation Report different format

·        Data table markup is used for formatting effects - see Use of Tables in the Evaluation Report different format

·        Acronyms and abbreviations are not explained - see Page Structure in the Evaluation Report different format

·        Page headings are encoded as images of text - see Use of Images in the Evaluation Report different format

·        Invalid markup does not work on some browsers - see Page Markup in the Evaluation Report different format

Survey Form Page

·        Inaccessible survey form different format

·        Accessible survey form different format

Barriers

·        Layout tables do not linearize to reading order - see Use of Tables in the Evaluation Report different format

·        Form controls are not associated with labels - see Use of Forms in the Evaluation Report different format

·        Form controls are not divided into manageable groups - see Use of Forms in the Evaluation Report different format

·        Color-coded information is not available without color - see Use of Color in the Evaluation Report different format

·        Changes in the natural language are not indicated - see Site Navigation in the Evaluation Report different format

Page Template

·Inaccessible template different format

·Accessible template different format

Barriers

·Images are missing text equivalents - see Use of Images in the Evaluation Report different format

·Controls are not operable by keyboard - see Keyboard Control in the Evaluation Report different format

·Page markup does not validate - see Page Markup in the Evaluation Report different format

·Client-side scripts are not accessible - see Use of Scripts in the Evaluation Report different format

·Insufficient color contrast for links - see Use of Color in the Evaluation Report different format