ATAG2 draft test material - accessible and inaccessible files

"Richards, Jan" <[email protected]> Mon, 10 Mar 2014 17:01:28 +0000
Newsgroups gmane.org.w3c.accessibility.tools
Message-ID <0B1EB1C972BCB740B522ACBCD5F48DEB012E4A1408@ocadmail-maildb.ocad.ca> 

(MR) JAN RICHARDS
PROJECT MANAGER
INCLUSIVE DESIGN RESEARCH CENTRE (IDRC)
OCAD UNIVERSITY

T 416 977 6000 x3957
F 416 977 9844
E [email protected]
WCAG2 HTML Problem File (Fixed).html (text/html, 7.8 KB) 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
h2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}
h3 {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000;
}
</style>
<title>ATAG 2.0 Test File - No accessibility issues</title>
</head>
<body>
<p>
  <!-- From here: http://www.w3.org/WAI/GL/WCAG20/tests/ -->
  <a href="#skip">Skip</a>
</p>
<h1>File With Numerous WCAG 2.0 Accessibility Issues Addressed (Level AA)</h1>
<h2>Whole Page Features:</h2>
<ul>
<li>Page titled (<strong>2.4.2 Page Titled</strong> - Level A)</li>
<li>Bypass link (<strong>2.4.1 Bypass Blocks</strong> - Level A)</li>
<li>Headings</li>

<li>Parsing is correct. <strong>(4.1.1 Parsing</strong> - Level A)</li>
</ul>
<hr/>
<h2><a name="skip" id="skip"></a>1.1.1 Non-text Content(Level A)</h2>
<hr/>
<h3>Alt text:</h3>
<img src="rex.jpg" alt="A black and brown cat named Rex."/>
<hr/>
<h3>Long description:</h3>
<img src="chart.gif" alt="a complex chart" longdesc="chart.html"/>
<hr/>
<h2>4.1.1 Parsing (Level A)</h2>




  <table width="90%" border="1">
    <tr>
      <td width="35%"><strong>1.2.1 Audio-only and Video-only (Prerecorded)</strong></td>
      <td width="15%">Level AA</td>
      <td width="50%">Audio tracks (in case it contains equivalent information for video), alternative for time-based media <a href="#wai-aria-note" title="WAI-ARIA markup may apply">**</a></td>
    </tr>
    <tr>
      <td><strong>1.2.2 Captions (Prerecorded)</strong></td>
      <td>Level AA</td>
      <td>Captions (text tracks in video; marked up captions)</td>
    </tr>
    <tr>
      <td><strong>1.2.3 Audio Description or Media Alternative (Prerecorded)</strong></td>
      <td>Level AA</td>
      <td>Alternative for time-based media, audio descriptions (secondary audio tracks, marked up audio descriptions)</td>
    </tr>
    <tr>
      <td><strong>1.3.1 Info and Relationships</strong></td>
      <td>Level A</td>
      <td><p>Labels for other elements that lack them (e.g. for form controls, table cells)<a href="#wai-aria-note" title="WAI-ARIA markup may apply">**</a></p></td>
    </tr>
    <tr>
      <td><strong>1.3.2 Meaningful Sequence</strong></td>
      <td>Level A</td>
      <td>Navigation (e.g. tab) order</td>
    </tr>
    <tr>
      <td><strong>1.4.2 Audio Control</strong></td>
      <td>Level A</td>
      <td><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></td>
    </tr>
    <tr>
      <td><strong>1.4.3 Contrast (Minimum)</strong></td>
      <td>Level AA</td>
      <td><em>N/A (contrast is a calculated value not stored information)</em></td>
    </tr>
    <tr>
      <td><strong>1.4.4 Resize text</strong></td>
      <td>Level AA</td>
      <td><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></td>
    </tr>
    <tr>
      <td><strong>1.4.5 Images of Text</strong></td>
      <td>Level AA</td>
      <td>Text can considered its own accessibility information (so it is not acceptable to automatically convert text into images and discard the text)</td>
    </tr>
    <tr>
      <td><strong>2.1.1 Keyboard</strong></td>
      <td>Level A</td>
      <td>Keyboard handlers, navigation (tab) order.</td>
    </tr>
    <tr>
      <td><strong>2.1.2 No Keyboard Trap</strong></td>
      <td>Level A</td>
      <td><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></td>
    </tr>
    <tr>
      <td><strong>2.2.1 Timing Adjustable</strong></td>
      <td>Level A</td>
      <td><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></td>
    </tr>
    <tr>
      <td><strong>2.2.2 Pause, Stop, Hide</strong></td>
      <td>Level A</td>
      <td><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></td>
    </tr>
    <tr>
      <td><strong>2.3.1 Three Flashes or Below Threshold</strong></td>
      <td>Level A</td>
      <td><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></td>
    </tr>
    <tr>
      <td><strong>2.4.1 Bypass Blocks</strong></td>
      <td>Level A</td>
      <td>Intra-page links</td>
    </tr>
    <tr>
      <td><strong>2.4.2 Page Titled</strong></td>
      <td>Level A</td>
      <td>Page title</td>
    </tr>
    <tr>
      <td><strong>2.4.3 Focus Order</strong></td>
      <td>Level A</td>
      <td>Navigation (e.g. tab) order</td>
    </tr>
    <tr>
      <td><strong>2.4.4 Link Purpose (In Context)</strong></td>
      <td>Level A</td>
      <td><p><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></p></td>
    </tr>
    <tr>
      <td><strong>2.4.5 Multiple Ways</strong></td>
      <td>Level AA</td>
      <td><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></td>
    </tr>
    <tr>
      <td><strong>2.4.6 Headings and Labels</strong></td>
      <td>Level AA</td>
      <td>Heading markup, label markup <a href="#wai-aria-note" title="WAI-ARIA markup may apply">**</a></td>
    </tr>
    <tr>
      <td><strong>2.4.7 Focus Visible</strong></td>
      <td>Level AA</td>
      <td><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></td>
    </tr>
    <tr>
      <td><strong>3.1.1 Language of Page</strong></td>
      <td>Level A</td>
      <td>Page language markup</td>
    </tr>
    <tr>
      <td><strong>3.1.2 Language of Parts</strong></td>
      <td>Level AA</td>
      <td><p>Sub-page language markup</p></td>
    </tr>
    <tr>
      <td><strong>3.2.1 On Focus</strong></td>
      <td>Level A</td>
      <td><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></td>
    </tr>
    <tr>
      <td><strong>3.2.2 On Input</strong></td>
      <td>Level A</td>
      <td><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></td>
    </tr>
    <tr>
      <td><strong>3.2.3 Consistent Navigation</strong></td>
      <td>Level AA</td>
      <td><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></td>
    </tr>
    <tr>
      <td><strong>3.2.4 Consistent Identification</strong></td>
      <td>Level AA</td>
      <td><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></td>
    </tr>
    <tr>
      <td><strong>3.3.1 Error Identification</strong></td>
      <td>Level A</td>
      <td><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></td>
    </tr>
    <tr>
      <td><strong>3.3.2 Labels or Instructions</strong></td>
      <td>Level A</td>
      <td>Label markup <a href="#wai-aria-note" title="WAI-ARIA markup may apply">**</a></td>
    </tr>
    <tr>
      <td><strong>3.3.3 Error Suggestion</strong></td>
      <td>Level AA</td>
      <td><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></td>
    </tr>

    <tr>
      <td><strong>3.3.4 Error Prevention (Legal, Financial, Data)</strong></td>
      <td>Level AA</td>
      <td><em>N/A (success criterion can be met by a variety of mechanism, not any particular stored information)</em></td>
    </tr>
  </table>


</body>
</html>
WCAG2 HTML Problem File.html (text/html, 1.5 KB) 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<style type="text/css">
.underscore {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}
.dashed {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000;
}
</style>
</head>
<body>
<!-- From here: http://www.w3.org/WAI/GL/WCAG20/tests/ -->
<p><font color="#666666" size="+6"><b>File Containing Numerous WCAG 2.0 Accessibility Issues (Level AA)</b></font></p>
<p class="underscore">Whole Page Problems:</p>
<ul>
<li>Page not titled. <strong>WCAG2 2.4.2 Page Titled</strong> (Level A)</li>
<li>No bypass links. <strong>WCAG2 2.4.1 Bypass Blocks</strong> (Level A)</li>

<li>No headings</li>
</ul>
<p class="underscore"><strong>WCAG2 1.1.1 Non-text Content </strong>(Level A)</p>
<p class="dashed">Missing alt:</p>
<img src="rex.jpg"/>

<p class="dashed">Missing long description:</p>
<img src="chart.gif" alt="A complex chart" />

<p class="underscore">1.2.1 Audio-only and Video-only (Prerecorded)- (Level A)

<p>1.4.3 Contrast (Minimum) - (Level AA)</p>



<p>4.1.1 Parsing - (Level A)</p>
<ul>
<li><a name="skip" id="skip"></a><a name="skip" id="skip"></a>Duplicate IDs</li>
<li This text has a malformed open tag</li>
</ul>
</body>
</html>