Difference between revisions of "Live AccName Test"

From Level Access Web Labs
Jump to navigation Jump to search
(Updated instruction and added link to original test page on GitHub)
 
(2 intermediate revisions by one other user not shown)
Line 1: Line 1:
 +
Calculates the Accessible Name for a component using the alternative text computation.  Put your code into the 2nd text area, add an id="test" to the node you want tested then action the "Paste & Test" button to show the resulting name and description in the first readonly text area.
 +
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
 
<title>AccName Prototype Test</title>
 
<title>AccName Prototype Test</title>
 
<style type="text/css">
 
<style type="text/css">
#fieldDiv {
 
display: table;
 
width: 80%;
 
margin: 100px 10%;
 
}
 
 
.hidden {
 
.hidden {
 
display: none;
 
display: none;
Line 18: Line 15:
 
Start of W3C ARIA test case code.
 
Start of W3C ARIA test case code.
 
The root node element for which the Name and Description is being calculated, must include id="test". -->
 
The root node element for which the Name and Description is being calculated, must include id="test". -->
 
 
<!-- End of W3C ARIA test case code. -->
 
<!-- End of W3C ARIA test case code. -->
 
</div>
 
</div>
 
 
</div>
 
</div>
 
<br /><br /><br />
 
<br /><br /><br />
Line 39: Line 34:
 
Project download:
 
Project download:
 
<a target="github" href="https://github.com/WhatSock/w3c-alternative-text-computation">https://github.com/WhatSock/w3c-alternative-text-computation</a>
 
<a target="github" href="https://github.com/WhatSock/w3c-alternative-text-computation">https://github.com/WhatSock/w3c-alternative-text-computation</a>
 +
</p></div>
 +
<div><p>
 +
Original testing page on github:
 +
<a target="github" href="https://whatsock.github.io/w3c-alternative-text-computation/Editable%20Live%20Input%20AccName%20Test.html
 +
">https://whatsock.github.io/w3c-alternative-text-computation/Editable%20Live%20Input%20AccName%20Test.html
 +
</a>
 
</p></div>
 
</p></div>
 
<script type="text/javascript" src="https://whatsock.github.io/w3c-alternative-text-computation/Sample%20JavaScript%20Recursion%20Algorithm/recursion.js"></script>
 
<script type="text/javascript" src="https://whatsock.github.io/w3c-alternative-text-computation/Sample%20JavaScript%20Recursion%20Algorithm/recursion.js"></script>

Latest revision as of 20:29, 13 February 2019

Calculates the Accessible Name for a component using the alternative text computation. Put your code into the 2nd text area, add an id="test" to the node you want tested then action the "Paste & Test" button to show the resulting name and description in the first readonly text area.

AccName Prototype Test







Project download: https://github.com/WhatSock/w3c-alternative-text-computation

Original testing page on github: https://whatsock.github.io/w3c-alternative-text-computation/Editable%20Live%20Input%20AccName%20Test.html