Hornbill WCAG 2.0 Status: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(6 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
This document can now be found at its new location in the [https://docs.hornbill.com/esp-fundamentals/about/accessibility-report-wcag-2-2 Hornbill Document Library]. | |||
[[file:hornbill-document-library.png|Latest WCAG Report|link=https://docs.hornbill.com/esp-fundamentals/about/accessibility-report-wcag-2-2]] | |||
<!-- | |||
Click on the following link to read our latest WCAG Report: https://docs.hornbill.com/esp-fundamentals/about/accessibility-report-wcag-2-2 | |||
<h1>Accessibility Evaluation Report for WCAG 2.0</h1> | <h1>Accessibility Evaluation Report for WCAG 2.0</h1> | ||
Line 45: | Line 52: | ||
<p>There are <strong>18</strong> checks in total for Level 1</p> | <p>There are <strong>18</strong> checks in total for Level 1</p> | ||
<p><span style="color:#008000"><strong> | <p><span style="color:#008000"><strong>14</strong></span> are fully met. <span style="color:#daa520"><strong>4</strong></span> are partially met.</p> | ||
<p>In all the 5 cases that are partially or not meeting the success criteria, can be easily implemented.</p> | <p>In all the 5 cases that are partially or not meeting the success criteria, can be easily implemented.</p> | ||
Line 78: | Line 85: | ||
<h2>7. Summary Check List</h2> | <h2>7. Summary Check List</h2> | ||
<table border="0" cellpadding="1" cellspacing="1" style="width:500px"> | |||
<tr> | |||
<td style="background-color:#c6eed3; text-align:center; width:90px"><span style="font-size:11px">Fully Met</span></td> | |||
<td style="background-color:#dba828; text-align:center; width:90px"><span style="font-size:11px">Partially Met</span></td> | |||
<td style="background-color:#ff8c76; text-align:center; width:90px"><span style="font-size:11px">Not Met</span></td> | |||
</tr> | |||
</table> | |||
<table border="0" cellpadding="1" cellspacing="3" style="width:100%"> | <table border="0" cellpadding="1" cellspacing="3" style="width:100%"> | ||
<tr> | <tr> | ||
<th scope="col" style="background-color: | <th scope="col" style="background-color:#a0a0a0; vertical-align:middle"> | ||
<h3><span style="color:#ffffff"><strong><span style="font-size:11px">Principles</span></strong></span></h3> | <h3><span style="color:#ffffff"><strong><span style="font-size:11px">Principles</span></strong></span></h3> | ||
</th> | </th> | ||
<th scope="col" style="background-color: | <th scope="col" style="background-color:#a0a0a0; vertical-align:middle"> | ||
<h3><span style="color:#ffffff"><strong><span style="font-size:11px">Guidelines</span></strong></span></h3> | <h3><span style="color:#ffffff"><strong><span style="font-size:11px">Guidelines</span></strong></span></h3> | ||
</th> | </th> | ||
<th scope="col" style=" | <th scope="col" style="background-color:#a0a0a0; vertical-align:middle; white-space:nowrap"> | ||
<h3><span style="color:#ffffff"><strong><span style="font-size:11px">Level A</span></strong></span></h3> | <h3><span style="color:#ffffff"><strong><span style="font-size:11px">Level A</span></strong></span></h3> | ||
</th> | </th> | ||
<th scope="col" style=" | <th scope="col" style="background-color:#a0a0a0; vertical-align:middle; white-space:nowrap"> | ||
<h3><span style="color:#ffffff"><strong><span style="font-size:11px">Level AA</span></strong></span></h3> | <h3><span style="color:#ffffff"><strong><span style="font-size:11px">Level AA</span></strong></span></h3> | ||
</th> | </th> | ||
<th scope="col" style=" | <th scope="col" style="background-color:#a0a0a0; vertical-align:middle; white-space:nowrap"> | ||
<h3><span style="color:#ffffff"><strong><span style="font-size:11px">Level AAA</span></strong></span></h3> | <h3><span style="color:#ffffff"><strong><span style="font-size:11px">Level AAA</span></strong></span></h3> | ||
</th> | </th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="1" rowspan="6" style="background-color: | <td colspan="1" rowspan="6" style="background-color:#c6c6c8; text-align:center"><span style="font-size:11px">1</span></td> | ||
<td style="background-color: | <td style="background-color:#eeeeee"> | ||
<p><span style="font-size:11px">1.1: Provide text alternatives for all non-text content</span></p> | <p><span style="font-size:11px">1.1: Provide text alternatives for all non-text content</span></p> | ||
</td> | </td> | ||
Line 110: | Line 122: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="background-color: | <td style="background-color:#eeeeee"> | ||
<p><span style="font-size:11px">1.2 : Provide synchronized alternatives for multimedia</span></p> | <p><span style="font-size:11px">1.2 : Provide synchronized alternatives for multimedia</span></p> | ||
</td> | </td> | ||
Line 118: | Line 130: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="1" rowspan="2" style="background-color: | <td colspan="1" rowspan="2" style="background-color:#eeeeee"> | ||
<p><span style="font-size:11px">1.3 : Ensure that information and structure can be separated from presentation</span></p> | <p><span style="font-size:11px">1.3 : Ensure that information and structure can be separated from presentation</span></p> | ||
</td> | </td> | ||
Line 131: | Line 143: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="1" rowspan="2" style="background-color: | <td colspan="1" rowspan="2" style="background-color:#eeeeee"> | ||
<p><span style="font-size:11px">1.4 : Make it easy to distinguish foreground information from its background</span></p> | <p><span style="font-size:11px">1.4 : Make it easy to distinguish foreground information from its background</span></p> | ||
</td> | </td> | ||
Line 144: | Line 156: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="1" rowspan="8" style="background-color: | <td colspan="1" rowspan="8" style="background-color:#c6c6c8; text-align:center"><span style="font-size:11px">2</span></td> | ||
<td style="background-color: | <td style="background-color:#eeeeee"> | ||
<p><span style="font-size:11px">2.1 : Make all functionality operable via a keyboard interface</span></p> | <p><span style="font-size:11px">2.1 : Make all functionality operable via a keyboard interface</span></p> | ||
</td> | </td> | ||
Line 153: | Line 165: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="1" rowspan="2" style="background-color: | <td colspan="1" rowspan="2" style="background-color:#eeeeee"> | ||
<p><span style="font-size:11px">2.2 : Allow users to control time limits on their reading or interaction</span></p> | <p><span style="font-size:11px">2.2 : Allow users to control time limits on their reading or interaction</span></p> | ||
</td> | </td> | ||
Line 166: | Line 178: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="background-color: | <td style="background-color:#eeeeee"> | ||
<p><span style="font-size:11px">2.3 : Allow users to avoid content that could cause seizures due to photosensitivity</span></p> | <p><span style="font-size:11px">2.3 : Allow users to avoid content that could cause seizures due to photosensitivity</span></p> | ||
</td> | </td> | ||
Line 174: | Line 186: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="1" rowspan="3" style="background-color: | <td colspan="1" rowspan="3" style="background-color:#eeeeee"> | ||
<p><span style="font-size:11px">2.4 : Provide mechanisms to help users find content, orient themselves within it, and navigate through it</span></p> | <p><span style="font-size:11px">2.4 : Provide mechanisms to help users find content, orient themselves within it, and navigate through it</span></p> | ||
</td> | </td> | ||
Line 198: | Line 210: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="background-color: | <td style="background-color:#eeeeee"> | ||
<p><span style="font-size:11px">2.5 : Help users avoid mistakes and make it easy to correct mistakes that do occur</span></p> | <p><span style="font-size:11px">2.5 : Help users avoid mistakes and make it easy to correct mistakes that do occur</span></p> | ||
</td> | </td> | ||
Line 212: | Line 224: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="1" rowspan="5" style="background-color: | <td colspan="1" rowspan="5" style="background-color:#c6c6c8"> | ||
<p style="text-align: center | <p style="text-align:center"><span style="font-size:11px">3</span></p> | ||
</td> | </td> | ||
<td colspan="1" rowspan="3" style="background-color: | <td colspan="1" rowspan="3" style="background-color:#eeeeee"> | ||
<p><span style="font-size:11px">3.1 : Make text content readable and understandable.</span></p> | <p><span style="font-size:11px">3.1 : Make text content readable and understandable.</span></p> | ||
</td> | </td> | ||
<td style="background-color: | <td style="background-color: rgb(198, 238, 211);"> | ||
<p><span style="font-size:11px">3.1.1</span></p> | <p><span style="font-size:11px">3.1.1</span></p> | ||
</td> | </td> | ||
Line 229: | Line 241: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td | <td> </td> | ||
<td | <td> </td> | ||
<td style="background-color:#c6eed3"><span style="font-size:11px">3.1.4</span></td> | <td style="background-color:#c6eed3"><span style="font-size:11px">3.1.4</span></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td | <td> </td> | ||
<td | <td> </td> | ||
<td style="background-color:#ff8c76"><span style="font-size:11px">3.1.5-3.1.6</span></td> | <td style="background-color:#ff8c76"><span style="font-size:11px">3.1.5-3.1.6</span></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="1" rowspan="2" style="background-color: | <td colspan="1" rowspan="2" style="background-color:#eeeeee"> | ||
<p><span style="font-size:11px">3.2 : Make the placement and functionality of content predictable</span></p> | <p><span style="font-size:11px">3.2 : Make the placement and functionality of content predictable</span></p> | ||
</td> | </td> | ||
Line 253: | Line 265: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td | <td> </td> | ||
<td style="background-color:#dba828"><span style="font-size:11px">3.2.4</span></td> | <td style="background-color:#dba828"><span style="font-size:11px">3.2.4</span></td> | ||
<td> </td> | <td> </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="1" rowspan="3" style="background-color: | <td colspan="1" rowspan="3" style="background-color:#c6c6c8"> | ||
<p style="text-align: center | <p style="text-align:center"><span style="font-size:11px">4</span></p> | ||
</td> | </td> | ||
<td colspan="1" rowspan="2" style="background-color: | <td colspan="1" rowspan="2" style="background-color:#eeeeee"> | ||
<p><span style="font-size:11px">4.1 : Support compatibility with current and future user agents (including assistive technologies)</span></p> | <p><span style="font-size:11px">4.1 : Support compatibility with current and future user agents (including assistive technologies)</span></p> | ||
</td> | </td> | ||
Line 286: | Line 298: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="background-color: | <td style="background-color:#eeeeee"> | ||
<p><span style="font-size:11px">4.2 : Ensure that content is accessible or provide an accessible alternative</span></p> | <p><span style="font-size:11px">4.2 : Ensure that content is accessible or provide an accessible alternative</span></p> | ||
</td> | </td> | ||
Line 293: | Line 305: | ||
<td style="background-color:#dba828"><span style="font-size:11px">4.2.4</span></td> | <td style="background-color:#dba828"><span style="font-size:11px">4.2.4</span></td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
Line 371: | Line 382: | ||
<p>3.1.1 The primary natural language or languages of the Web unit can be programmatically determined</p> | <p>3.1.1 The primary natural language or languages of the Web unit can be programmatically determined</p> | ||
<p><span style="color:# | <p><span style="color:#008000"><em>Primary language is set in the document's body</em></span></p> | ||
<h3><strong>Guideline 3.2 : Make the placement and functionality of content predictable.</strong></h3> | <h3><strong>Guideline 3.2 : Make the placement and functionality of content predictable.</strong></h3> | ||
Line 489: | Line 500: | ||
</ul> | </ul> | ||
<p><em><span style="color:#daa520"> | <p><em><span style="color:#daa520">It should be simple to fully implement this one.</span></em></p> | ||
<h3><strong>Guideline 3.2 : Make the placement and functionality of content predictable.</strong></h3> | <h3><strong>Guideline 3.2 : Make the placement and functionality of content predictable.</strong></h3> | ||
Line 624: | Line 635: | ||
<li>https://www.w3.org/TR/2006/WD-WCAG20-20060427/appendixB.html</li> | <li>https://www.w3.org/TR/2006/WD-WCAG20-20060427/appendixB.html</li> | ||
</ul> | </ul> | ||
--> | |||
[[Category:HDOC]] |
Latest revision as of 15:32, 16 April 2024
This document can now be found at its new location in the Hornbill Document Library.