[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 alternative text equivalents (“alt text”) - 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/code is not valid - 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

·        There is insufficient color contrast with the links - see Use of Color in the Evaluation Report different format

[SLH: throughout: need to decide whether to use “code” or “markup” or “code/markup” or other, and use consistently throughout? perhaps a question for EOWG?]

Home Page

··     Inaccessible hHome pPage different format

··     Accessible hHome pPage different format

Barriers

··     Images do not have appropriate alternative text equivalents [SLH: is this purposely different from the other? “Images are missing alternative text equivalents (“alt text”)”]- 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/markedup 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 nNews aArticle 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 (blockquote) is misused for visual formatting effects - see Page Structure in the Evaluation Report different format [SLH: why not link directly to 5.3.5. Quotations http://www.w3.org/WAI/EO/2005/Demo/report/#quotations ? note that I did not follow the other links, and so have not commented on them]

··     Font sizes are fixed and cannot be changed easily in some browsers may not be expandible - 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 eEvents pPage different format

··     Accessible eEvents pPage 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 visual 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 [SLH: I don’t understand what you are trying to say here]- see Use of Images in the Evaluation Report different format [SLH: OK, I followed this link and couldn’t find where this problem was explained. I think you need to make these links go right to the specific section where the specific issue is addressed.]

··     Invalid markup does not work on some browsers [SLH: too vague to be of any use. need specifics]- see Page Markup in the Evaluation Report different format

Survey Form Page

··     Inaccessible sSurvey fForm different format

··     Accessible sSurvey fForm 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