Difference between revisions of "Hornbill WCAG 2.0 Status"

From Hornbill
Jump to navigation Jump to search
 
(4 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>13</strong></span> are fully met. <span style="color:#daa520"><strong>4</strong></span> are partially met and <span style="color:#b22222"><strong>1</strong></span> is not met.</p>
+
<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">
 
<table border="0" cellpadding="1" cellspacing="1" style="width:500px">
 
<tr>
 
<tr>
Line 85: Line 93:
 
</tr>
 
</tr>
 
</table>
 
</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: rgb(160, 160, 160); vertical-align: middle;">
+
<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: rgb(160, 160, 160); vertical-align: middle;">
+
<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="white-space: nowrap; background-color: rgb(160, 160, 160); vertical-align: middle;">
+
<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="white-space: nowrap; background-color: rgb(160, 160, 160); vertical-align: middle;">
+
<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="white-space: nowrap; background-color: rgb(160, 160, 160); vertical-align: middle;">
+
<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: rgb(198, 198, 200); text-align: center;"><span style="font-size:11px">1</span></td>
+
<td colspan="1" rowspan="6" style="background-color:#c6c6c8; text-align:center"><span style="font-size:11px">1</span></td>
<td style="background-color: rgb(238, 238, 238);">
+
<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 115: Line 122:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td style="background-color: rgb(238, 238, 238);">
+
<td style="background-color:#eeeeee">
 
<p><span style="font-size:11px">1.2&nbsp;: Provide synchronized alternatives for multimedia</span></p>
 
<p><span style="font-size:11px">1.2&nbsp;: Provide synchronized alternatives for multimedia</span></p>
 
</td>
 
</td>
Line 123: Line 130:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td colspan="1" rowspan="2" style="background-color: rgb(238, 238, 238);">
+
<td colspan="1" rowspan="2" style="background-color:#eeeeee">
 
<p><span style="font-size:11px">1.3&nbsp;: Ensure that information and structure can be separated from presentation</span></p>
 
<p><span style="font-size:11px">1.3&nbsp;: Ensure that information and structure can be separated from presentation</span></p>
 
</td>
 
</td>
Line 136: Line 143:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td colspan="1" rowspan="2" style="background-color: rgb(238, 238, 238);">
+
<td colspan="1" rowspan="2" style="background-color:#eeeeee">
 
<p><span style="font-size:11px">1.4&nbsp;: Make it easy to distinguish foreground information from its background</span></p>
 
<p><span style="font-size:11px">1.4&nbsp;: Make it easy to distinguish foreground information from its background</span></p>
 
</td>
 
</td>
Line 149: Line 156:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td colspan="1" rowspan="8" style="background-color: rgb(198, 198, 200); text-align: center;"><span style="font-size:11px">2</span></td>
+
<td colspan="1" rowspan="8" style="background-color:#c6c6c8; text-align:center"><span style="font-size:11px">2</span></td>
<td style="background-color: rgb(238, 238, 238);">
+
<td style="background-color:#eeeeee">
 
<p><span style="font-size:11px">2.1&nbsp;: Make all functionality operable via a keyboard interface</span></p>
 
<p><span style="font-size:11px">2.1&nbsp;: Make all functionality operable via a keyboard interface</span></p>
 
</td>
 
</td>
Line 158: Line 165:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td colspan="1" rowspan="2" style="background-color: rgb(238, 238, 238);">
+
<td colspan="1" rowspan="2" style="background-color:#eeeeee">
 
<p><span style="font-size:11px">2.2&nbsp;: Allow users to control time limits on their reading or interaction</span></p>
 
<p><span style="font-size:11px">2.2&nbsp;: Allow users to control time limits on their reading or interaction</span></p>
 
</td>
 
</td>
Line 171: Line 178:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td style="background-color: rgb(238, 238, 238);">
+
<td style="background-color:#eeeeee">
 
<p><span style="font-size:11px">2.3&nbsp;: Allow users to avoid content that could cause seizures due to photosensitivity</span></p>
 
<p><span style="font-size:11px">2.3&nbsp;: Allow users to avoid content that could cause seizures due to photosensitivity</span></p>
 
</td>
 
</td>
Line 179: Line 186:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td colspan="1" rowspan="3" style="background-color: rgb(238, 238, 238);">
+
<td colspan="1" rowspan="3" style="background-color:#eeeeee">
 
<p><span style="font-size:11px">2.4&nbsp;: 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&nbsp;: Provide mechanisms to help users find content, orient themselves within it, and navigate through it</span></p>
 
</td>
 
</td>
Line 203: Line 210:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td style="background-color: rgb(238, 238, 238);">
+
<td style="background-color:#eeeeee">
 
<p><span style="font-size:11px">2.5&nbsp;: Help users avoid mistakes and make it easy to correct mistakes that do occur</span></p>
 
<p><span style="font-size:11px">2.5&nbsp;: Help users avoid mistakes and make it easy to correct mistakes that do occur</span></p>
 
</td>
 
</td>
Line 217: Line 224:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td colspan="1" rowspan="5" style="background-color: rgb(198, 198, 200);">
+
<td colspan="1" rowspan="5" style="background-color:#c6c6c8">
<p style="text-align: center;"><span style="font-size:11px">3</span></p>
+
<p style="text-align:center"><span style="font-size:11px">3</span></p>
 
</td>
 
</td>
<td colspan="1" rowspan="3" style="background-color: rgb(238, 238, 238);">
+
<td colspan="1" rowspan="3" style="background-color:#eeeeee">
 
<p><span style="font-size:11px">3.1&nbsp;: Make text content readable and understandable.</span></p>
 
<p><span style="font-size:11px">3.1&nbsp;: Make text content readable and understandable.</span></p>
 
</td>
 
</td>
<td style="background-color:#ff8c76">
+
<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 234: Line 241:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td style="background-color:#ff8c76">&nbsp;</td>
+
<td>&nbsp;</td>
<td style="background-color:#dba828">&nbsp;</td>
+
<td>&nbsp;</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 style="background-color:#ff8c76">&nbsp;</td>
+
<td>&nbsp;</td>
<td style="background-color:#dba828">&nbsp;</td>
+
<td>&nbsp;</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: rgb(238, 238, 238);">
+
<td colspan="1" rowspan="2" style="background-color:#eeeeee">
 
<p><span style="font-size:11px">3.2&nbsp;: Make the placement and functionality of content predictable</span></p>
 
<p><span style="font-size:11px">3.2&nbsp;: Make the placement and functionality of content predictable</span></p>
 
</td>
 
</td>
Line 258: Line 265:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td style="background-color:#c6eed3">&nbsp;</td>
+
<td>&nbsp;</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>&nbsp;</td>
 
<td>&nbsp;</td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td colspan="1" rowspan="3" style="background-color: rgb(198, 198, 200);">
+
<td colspan="1" rowspan="3" style="background-color:#c6c6c8">
<p style="text-align: center;"><span style="font-size:11px">4</span></p>
+
<p style="text-align:center"><span style="font-size:11px">4</span></p>
 
</td>
 
</td>
<td colspan="1" rowspan="2" style="background-color: rgb(238, 238, 238);">
+
<td colspan="1" rowspan="2" style="background-color:#eeeeee">
 
<p><span style="font-size:11px">4.1&nbsp;: Support compatibility with current and future user agents (including assistive technologies)</span></p>
 
<p><span style="font-size:11px">4.1&nbsp;: Support compatibility with current and future user agents (including assistive technologies)</span></p>
 
</td>
 
</td>
Line 291: Line 298:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td style="background-color: rgb(238, 238, 238);">
+
<td style="background-color:#eeeeee">
 
<p><span style="font-size:11px">4.2&nbsp;: Ensure that content is accessible or provide an accessible alternative</span></p>
 
<p><span style="font-size:11px">4.2&nbsp;: Ensure that content is accessible or provide an accessible alternative</span></p>
 
</td>
 
</td>
Line 375: Line 382:
 
<p>3.1.1&nbsp;The primary&nbsp;natural language&nbsp;or languages of the&nbsp;Web unit&nbsp;can be&nbsp;programmatically determined</p>
 
<p>3.1.1&nbsp;The primary&nbsp;natural language&nbsp;or languages of the&nbsp;Web unit&nbsp;can be&nbsp;programmatically determined</p>
  
<p><span style="color:#b22222"><em>Not possible, but it should be simple to implement</em></span></p>
+
<p><span style="color:#008000"><em>Primary language is set in the document&#39;s body</em></span></p>
  
 
<h3><strong>Guideline 3.2&nbsp;: Make the placement and functionality of content predictable.</strong></h3>
 
<h3><strong>Guideline 3.2&nbsp;: Make the placement and functionality of content predictable.</strong></h3>
Line 493: Line 500:
 
</ul>
 
</ul>
  
<p><em><span style="color:#daa520">When Level 1 requirement 3.1.1 is met, it should be simple to fully implement this one.</span></em></p>
+
<p><em><span style="color:#daa520">It should be simple to fully implement this one.</span></em></p>
  
 
<h3><strong>Guideline 3.2&nbsp;: Make the placement and functionality of content predictable.</strong></h3>
 
<h3><strong>Guideline 3.2&nbsp;: Make the placement and functionality of content predictable.</strong></h3>
Line 628: 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.

Latest WCAG Report