[DRAFT] About the Before and After Demonstration

Page Contents

··     Introduction

··     Demonstration Contents

··     Using the Demonstration

Sidebar

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

Introduction

Thise "Before and After Demonstration" is a multi-page resource suite that shows some common accessibility barriers in an example Web site, along with the same Web pages re-coded to fix the barriers. It is a multiple-page resource suite that also includes a list of the barriers on each Web page and an example Web accessibility evaluation report.using practical examples. The demonstration consists of an inaccessible Web site, an accessible version of the same site, as well as information about the demonstrated barriers. This demonstration does not attempt to cover every checkpoint of the Web Content Accessibility Guidelines (WCAG) nor to provide an exhaustive list of examples but to demonstrate some key aspects of Web accessibility.[SLH note: this last sentence is not needed since the first sentence says “some common”.]

Demonstration Contents

··     Accessibility Barriers - Llists some of the demonstrated accessibility barriers that are demonstrated in the example Web site [SLH note: can do without “some of” here – if needed, clarify on the page itself]

··     Inaccessible Web Site different format- Sample pages show that demonstrate accessibility barriers [SLH note: unlink this one as is redundant with first sub-bullet]

o       Inaccessible Home Page different format

o       Inaccessible News Article Page different format

o       Inaccessible Tickets Page different format

o       Inaccessible Survey Form Page different format

o       Inaccessible Page Template different format

··     Accessible Web Site different format- Sample pages show the with repaired accessibility barriers [SLH note: unlink this one as is redundant with first sub-bullet]

o       Accessible Home Page different format

o       Accessible News Article Page different format

o       Accessible Tickets Page different format

o       Accessible Survey Form Page different format

o       Accessible Page Template different format

··     EWeb Accessibility Evaluation Report different format - Sample- provides an example evaluation report for the inaccessible Web site

Using the Demonstration

The demonstration serves a variety of purposes such as WAI encourages you to use this Before and After Demonstration to help raiseing awareness on the issue of Web accessibility issues, and to or for provideing practical examples of accessibility issues for Web developers. Some of the common ways of using and navigating through the demonstration are described below: [SLH note: I would prefer space between the list items, e.g., .class li {padding-top: 1em;}]

··     Preparing presentations on Web accessibility: - Demonstrating practical examples during presentations is usually very effective. The features list provides an overview of  You can start by reviewing the accessibility barriers list and deciding which barriers you want to demonstrate in your presentation. Next, review the evaluation report to get details on how you might want to explain the accessibility barriers. Then you can use the actual inaccessible and accessible pages in your presentation as you describe the accessibility barriers and fixes. that are implemented in the demonstration. Together with the inaccessible and accessible Web sites, concrete before and after examples can be shown during presentations.

··     Learning about specific Web accessibility barriers: - Often Web developers want to learn more about specific accessibility barriers. For example, what is the cause of the a problem and how can it be fixed? While the You can read the evaluation report provides for detailed information on the accessibility problems, and study the inaccessible and accessible Web sitepages provide implementationto see examples of how accessibility barriers are fixed.for developers to study.

··     Understanding the implications of Experiencing Web accessibility barriers: - In certain cases, the real Sometimes Web developers, managers, and others don’t understand how accessibility barriers impactissues for people with disabilities using the Webare not clear to Web developers or managers. You can Bbrowseing through the inaccessible Web site using different browser configurations andor assisistive technologies (such as screen readers and screen magnifiers) to get first-hand experience with accessibility barriershelps demonstrate the issues. For guidance on using browsers and assistive technologies to examine Web pages for accessibility issues, see Preliminary Review of Web Sites for Accessibility. The features You can use the accessibility barriers list orand the evaluation report to guide you in what to look for as you go through the demonstration pagesserve as background information.

··     Commissioning or Wwriting detailed accessibility evaluation reports of conformance evaluations: - A well written evaluation report is key in the process of retrofitting Web sites for accessibility. It communicates the issues of the Web sites to managers and Web developers who need to decide which solutions need to be taken. The evaluation report of the demonstration serves as a sample report for evaluators. Web accessibility evaluation reports are often a key aspect of improving the accessibility of a Web site. Evaluators can use the evaluation report as a sample when developing their own reports. Web site managers can use the evaluation report when commissioning an evaluation, as an example of what is expected.