├── Generate W3C Testable Statements
    ├── StartGeneratingStatements.bat
    ├── IndexTemplate.txt
    ├── HomerJax
    │   └── ReadMe.txt
    └── TestTemplate.txt
├── ARIA 101.pdf
├── aria_checklist.pdf
├── Static vs. Interactive Widget Roles - Ensuring Proper Functionality in ARIA.pdf
├── docs
    ├── Autogenerated AccName 1.1 Testable Statements - W3C
    │   ├── _ReadMe.txt
    │   ├── Name test case 543.html
    │   ├── Name test case 600.html
    │   ├── Name file-title.html
    │   ├── Name test case 601.html
    │   ├── Name test case 607.html
    │   ├── Name text-title.html
    │   ├── Name radio-title.html
    │   ├── Name test case 544.html
    │   ├── Name test case 597.html
    │   ├── Name test case 751.html
    │   ├── Name checkbox-title.html
    │   ├── Name password-title.html
    │   ├── Name test case 539.html
    │   ├── Name test case 556.html
    │   ├── Name test case 608.html
    │   ├── Name test case 749.html
    │   ├── Name test case 750.html
    │   ├── Name test case 559.html
    │   ├── Name test case 604.html
    │   ├── Name image-title.html
    │   ├── Name test case 545.html
    │   ├── Name test case 551.html
    │   ├── Name test case 752.html
    │   ├── Name test case 557.html
    │   ├── Name test case 748.html
    │   ├── Name test case 561.html
    │   ├── Name test case 611.html
    │   ├── Name test case 614.html
    │   ├── Name test case 615.html
    │   ├── Name test case 616.html
    │   ├── Name test case 725.html
    │   ├── Name test case 546.html
    │   ├── Name test case 612.html
    │   ├── Name test case 724.html
    │   ├── Description test case 557.html
    │   ├── Name test case 596.html
    │   ├── Name test case 613.html
    │   ├── Name test case 721.html
    │   ├── Name test case 723.html
    │   ├── Name test case 726.html
    │   ├── Name test case 540.html
    │   ├── Name test case 603.html
    │   ├── Name test case 558.html
    │   ├── Name test case 598.html
    │   ├── Description test case broken reference.html
    │   ├── Name test case 605.html
    │   ├── Name test case 617.html
    │   ├── Name test case 618.html
    │   ├── Name test case 619.html
    │   ├── Name test case 620.html
    │   ├── Name test case 621.html
    │   ├── Description test case 772.html
    │   ├── Name test case 606.html
    │   ├── Name test case 610.html
    │   ├── Name test case 541.html
    │   ├── Name test case 560.html
    │   ├── Name test case 602.html
    │   ├── Name test case 563.html
    │   ├── Description test case 664.html
    │   ├── Description test case 773.html
    │   ├── Description test case 774.html
    │   ├── Name test case 730.html
    │   ├── Description test case 838.html
    │   ├── Name test case 599.html
    │   ├── Name test case 728.html
    │   ├── Name test case 729.html
    │   ├── Name test case 547.html
    │   ├── Description test case one valid reference.html
    │   ├── Name test case 552.html
    │   ├── Name test case 609.html
    │   ├── Name test case 731.html
    │   ├── Name test case 756.html
    │   ├── Name test case 760.html
    │   ├── Name test case 761.html
    │   ├── Description test case 665.html
    │   ├── Description test case 666.html
    │   ├── Name test case 727.html
    │   ├── Name test case 753.html
    │   ├── Name test case 754.html
    │   ├── Name test case 755.html
    │   ├── Name test case 758.html
    │   ├── Name test case 759.html
    │   ├── Name test case 757.html
    │   ├── Name test case 762.html
    │   ├── Name test case 564.html
    │   ├── Name test case 744.html
    │   ├── Name test case 745.html
    │   ├── Name test case 746.html
    │   ├── Name test case 553.html
    │   ├── Name test case 550.html
    │   ├── Name test case 743.html
    │   ├── Name test case 747.html
    │   ├── Name test case 741.html
    │   ├── Name test case 739.html
    │   ├── Name test case 740.html
    │   ├── Name file-label-embedded-slider.html
    │   ├── Name test case 562.html
    │   ├── Name text-label-embedded-slider.html
    │   ├── Name radio-label-embedded-slider.html
    │   ├── Name test case 549.html
    │   ├── Name test case 742.html
    │   ├── Name test case 738.html
    │   ├── Name checkbox-label-embedded-slider.html
    │   ├── Name file-label-embedded-spinbutton.html
    │   ├── Name password-label-embedded-slider.html
    │   ├── Name text-label-embedded-spinbutton.html
    │   ├── Name radio-label-embedded-spinbutton.html
    │   ├── Name test case 662.html
    │   ├── Name test case 663.html
    │   ├── Name checkbox-label-embedded-spinbutton.html
    │   ├── Name password-label-embedded-spinbutton.html
    │   ├── Name test case 661.html
    │   ├── Name test case 659.html
    │   ├── Name test case 565.html
    │   ├── Name test case 566.html
    │   ├── Name test case 660.html
    │   ├── Name test case 663a.html
    │   ├── Name file-label-embedded-select.html
    │   ├── Name text-label-embedded-select.html
    │   ├── Name radio-label-embedded-select.html
    │   ├── Name checkbox-label-embedded-select.html
    │   └── Name password-label-embedded-select.html
    ├── Proposed Name and Description Tests
    │   ├── Name link-with-label.html
    │   ├── Name 1.0 combobox-focusable-alternative.html
    │   ├── Name 1.0 combobox-focusable.html
    │   ├── Name checkbox-label-multiple-label.html
    │   ├── Name checkbox-label-multiple-label-alternative.html
    │   ├── Name file-label-inline-block-elements.html
    │   ├── Name heading-combobox-focusable-alternative.html
    │   ├── Description description-title-same-element.html
    │   ├── Name checkbox-label-embedded-textbox.html
    │   └── Name file-label-inline-block-styles.html
    └── Proposed fieldset and role=group plus Legend Tests
    │   ├── Role-group-with-legend.html
    │   ├── Standard-fieldset-with-legend.html
    │   ├── Role-group-with-legend-role.html
    │   ├── Standard-fieldset-with-legend-role.html
    │   ├── Role-group-with-nested-legend.html
    │   ├── Standard-fieldset-with-nested-legend.html
    │   ├── Role-group-with-nested-legend-role.html
    │   ├── Nested-role-group-with-legend.html
    │   ├── Standard-fieldset-with-nested-legend-role.html
    │   ├── Standard-nested-fieldset-with-legend.html
    │   ├── Nested-role-group-with-legend-role.html
    │   ├── Standard-nested-fieldset-with-legend-role.html
    │   └── Nested-role-group-with-legend-2.html
├── package.json
└── LICENSE


/Generate W3C Testable Statements/StartGeneratingStatements.bat:
--------------------------------------------------------------------------------
1 | cscript GenerateStatements.js


--------------------------------------------------------------------------------
/ARIA 101.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WhatSock/w3c-alternative-text-computation/HEAD/ARIA 101.pdf


--------------------------------------------------------------------------------
/aria_checklist.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WhatSock/w3c-alternative-text-computation/HEAD/aria_checklist.pdf


--------------------------------------------------------------------------------
/Static vs. Interactive Widget Roles - Ensuring Proper Functionality in ARIA.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WhatSock/w3c-alternative-text-computation/HEAD/Static vs. Interactive Widget Roles - Ensuring Proper Functionality in ARIA.pdf


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/_ReadMe.txt:
--------------------------------------------------------------------------------
1 | This folder includes individual tests based on the test cases documented at
2 | https://www.w3.org/wiki/AccName_1.1_Testable_Statements
3 | 
4 | These files are automatically generated by running the batch file in the root folder "Generate W3C Testable Statements", named "StartGeneratingStatements.bat".
5 | 
6 | The index.html file within this folder is automatically created to provide direct links to all of these files for testing on a webserver.


--------------------------------------------------------------------------------
/Generate W3C Testable Statements/IndexTemplate.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Autogenerated AccName 1.1 Testable Statements - W3C</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | text-align: left;
11 | }
12 | .hidden {
13 | display: none;
14 | }
15 | </style>
16 | </head>
17 | <body>
18 | <div class="pageContainer">
19 | <div id="fieldDiv">
20 | <ol><li>
21 | [[TestStatementCodeList]]
22 | </li></ol>
23 | </div>
24 | </div>
25 | </body>
26 | </html>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "w3c-alternative-text-computation",
 3 |   "version": "1.0.0",
 4 |   "description": "A study of browser and Assistive Technology support for the W3C Alternative Text Computation.",
 5 |   "main": "docs/Sample JavaScript Recursion Algorithm/recursion.js",
 6 |   "repository": {
 7 |     "type": "git",
 8 |     "url": "git+https://github.com/accdc/w3c-alternative-text-computation.git"
 9 |   },
10 |   "author": "Bryan Garaventa",
11 |   "license": "MIT",
12 |   "bugs": {
13 |     "url": "https://github.com/accdc/w3c-alternative-text-computation/issues"
14 |   },
15 |   "homepage": "https://github.com/accdc/w3c-alternative-text-computation#readme"
16 | }
17 | 


--------------------------------------------------------------------------------
/Generate W3C Testable Statements/HomerJax/ReadMe.txt:
--------------------------------------------------------------------------------
 1 | HomerJax
 2 | Version 1.1
 3 | May 27, 2010
 4 | Copyright 2009 - 2015 by Jamal Mazrui
 5 | GNU Lesser General Public License (LGPL)
 6 | 
 7 | HomerJax is a library of convenience functions for accessing Internet resources.  It is written primarily in JScript, the Microsoft version of JavaScript.  The library exploits several COM servers that the Windows operating system installs.  As a Windows Script Component, HomerJax may be activated without the usually-needed, supporting entries in the Windows registry, which require administrative rights to create with an installer.
 8 | 
 9 | HomerJax functions focus on reading, interpreting, and writing data from the Internet.  Full documentation is in the file HomerJax.htm.
10 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2015 Bryan Garaventa
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 
23 | 


--------------------------------------------------------------------------------
/Generate W3C Testable Statements/TestTemplate.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>[[TestStatementCodeName]]</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | [[TestStatementCodeBlock]]
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://accdc.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 543.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 543</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="reset" id="test"/>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 600.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 600</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div id="test">Div with text</div>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name file-title.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name file-title</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="file" id="test" title="foo" />
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 601.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 601</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div id="test" role="button">foo</div>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 607.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 607</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <a href="test.html" id="test">ABC</a>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name text-title.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name text-title</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="text" id="test" title="foo" />
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name radio-title.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name radio-title</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="radio" id="test" title="foo" />
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 544.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 544</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="button" id="test" value="foo"/>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 597.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 597</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div id="test" aria-label="Tag">foo</div>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 751.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 751</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="file" id="test" title="crazy"/>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name checkbox-title.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name checkbox-title</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="checkbox" id="test" title="foo" />
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name password-title.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name password-title</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="password" id="test" title="foo" />
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 539.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 539</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="button" aria-label="Rich" id="test">
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 556.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 556</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <img id="test" src="foo.jpg" aria-label="1"/>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 608.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 608</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <a href="test.html" id="test" title="Tag"></a>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 749.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 749</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="checkbox" id="test" title="crazy"/>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 750.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 750</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="radio" id="test" title="crazy"/>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 559.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 559</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <img id="test" aria-labelledby="test" src="foo.jpg"/>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 604.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 604</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <a id="test" href="test.html" aria-label="Tag">ABC</a>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name image-title.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name image-title</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="image" src="test.png" id="test" title="foo" />
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 545.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 545</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input src="baz.html" type="image" id="test" alt="foo"/>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 551.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 551</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="text" id="test" title="crazy" value="baz"/>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 752.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 752</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="image" src="foo.jpg" id="test" title="crazy"/>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 557.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 557</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <img id="test" src="foo.jpg" aria-label="1" alt="a" title="t"/>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 748.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 748</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="password" id="test" title="crazy" value="baz"/>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 561.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 561</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <img id="test" aria-labelledby="test" aria-label="1" src="foo.jpg"/>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 611.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 611</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input id="test" type="text"/>
22 |   <label for="test">foo</label>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 614.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 614</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="radio" id="test">
22 |   <label for="test">foo</label>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 615.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 615</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="file" id="test">
22 |   <label for="test">foo</label>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 616.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 616</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="image" id="test">
22 |   <label for="test">foo</label>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 725.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 725</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">File:</label>
22 |   <input type="file" id="test"/>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 546.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 546</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">States:</label>
22 |   <input type="text" id="test"/>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 612.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 612</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="password" id="test">
22 |   <label for="test">foo</label>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 724.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 724</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">States:</label>
22 |   <input type="radio" id="test"/>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Proposed Name and Description Tests/Name link-with-label.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name link-with-label</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <a id="test" href="#" aria-label="California" title="San Francisco" >United States</a>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Description test case 557.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Description test case 557</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <img id="test" src="foo.jpg" aria-label="1" alt="a" title="t"/>
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 596.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 596</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div id="test" aria-labelledby="ID1">foo</div>
22 |   <span id="ID1">bar</span>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 613.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 613</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="checkbox" id="test">
22 |   <label for="test">foo</label></body>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 721.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 721</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">States:</label>
22 |   <input type="password" id="test"/>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 723.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 723</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">States:</label>
22 |   <input type="checkbox" id="test"/>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 726.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 726</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">States:</label>
22 |   <input type="image" id="test" src="foo.jpg"/>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 540.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 540</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div id="ID1">Rich's button</div>
22 |   <input type="button" aria-labelledby="ID1" id="test">
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 603.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 603</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div id="ID1">foo</div>
22 |   <a id="test" href="test.html" aria-labelledby="ID1">bar</a>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 558.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 558</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="text" value="peanuts" id="test">
22 |   <img aria-labelledby="test" src="foo.jpg"/>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 598.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 598</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div id="test" aria-labelledby="ID1" aria-label="Tag">foo</div>
22 |   <span id="ID1">bar</span>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Description test case broken reference.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Description test case broken reference</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <img src="foo.jpg" id="test" alt="test" aria-describedby="t1">
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 605.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 605</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <a href="test.html" id="test" aria-labelledby="ID1" aria-label="Tag">foo</a>
22 |   <p id="ID1">bar</p>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 617.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 617</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="checkbox" id="test">
22 |   <label for="test">foo<input type="text" value="bar">baz</label>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 618.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 618</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="text" id="test">
22 |   <label for="test">foo<input type="text" value="bar">baz</label>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 619.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 619</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="password" id="test">
22 |   <label for="test">foo<input type="text" value="bar">baz</label>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 620.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 620</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="radio" id="test">
22 |   <label for="test">foo<input type="text" value="bar">baz</label>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 621.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 621</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="file" id="test">
22 |   <label for="test">foo <input type="text" value="bar"> baz</label>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Proposed Name and Description Tests/Name 1.0 combobox-focusable-alternative.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name 1.0 combobox-focusable</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input id="test" role="combobox" type="text" title="Choose your language" value="English">
22 | 
23 | <!-- End of W3C ARIA test case code. --></div>
24 | 
25 | </div>
26 | <br /><br /><br />
27 | <div>
28 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
29 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
30 | <br />
31 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
32 | </div>
33 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
34 | </body>
35 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Description test case 772.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Description test case 772</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <img src="foo.jpg" id="test" alt="test" aria-describedby="t1">
22 |   <div id="t1">foo</div>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 606.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 606</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <a href="test.html" id="test" aria-labelledby="test ID1" aria-label="Tag"></a>
22 |   <p id="ID1">foo</p>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 610.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 610</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input id="test" type="text" aria-label="bar" aria-labelledby="ID1 test">
22 |   <div id="ID1">foo</label>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 541.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 541</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div id="ID1">Rich's button</div>
22 |   <input type="button" aria-label="bar" aria-labelledby="ID1" id="test"/>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 560.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 560</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="text" value="peanuts" id="test">
22 |   <img aria-labelledby="test" aria-label="1" src="foo.jpg"/>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 602.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 602</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div id="test" role="button" title="Tag" style="outline:medium solid black; width:2em; height:1em;">
22 |   </div>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Proposed Name and Description Tests/Name 1.0 combobox-focusable.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name 1.0 combobox-focusable</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div id="test" role="combobox" tabindex="0" title="Choose your language." >
22 | <span> English </span>
23 | </div>
24 | 
25 | <!-- End of W3C ARIA test case code. --></div>
26 | 
27 | </div>
28 | <br /><br /><br />
29 | <div>
30 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
31 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
32 | <br />
33 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
34 | </div>
35 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
36 | </body>
37 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 563.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 563</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="text" value="peanuts" id="ID1">
22 |   <img id="test" aria-label="l" aria-labelledby="test ID1" src="foo.jpg"/>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Proposed Name and Description Tests/Name checkbox-label-multiple-label.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name checkbox-label-multiple-label</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label>This
22 | <input type="checkbox" id="test" />
23 | is</label>
24 |   <label for="test">a test</label>
25 | 
26 | <!-- End of W3C ARIA test case code. --></div>
27 | 
28 | </div>
29 | <br /><br /><br />
30 | <div>
31 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
32 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
33 | <br />
34 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
35 | </div>
36 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
37 | </body>
38 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Description test case 664.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Description test case 664</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div>
22 |     <img id="test" aria-describedby="ID1" src="test.png">
23 |   </div>
24 |   <div id="ID1">foo</div>
25 | 
26 | <!-- End of W3C ARIA test case code. --></div>
27 | 
28 | </div>
29 | <br /><br /><br />
30 | <div>
31 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
32 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
33 | <br />
34 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
35 | </div>
36 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
37 | </body>
38 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Description test case 773.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Description test case 773</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <img src="foo.jpg" id="test" alt="test" aria-describedby="t1">
22 |   <div id="t1" style="display:none">foo</div>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Description test case 774.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Description test case 774</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <img src="foo.jpg" id="test" alt="test" aria-describedby="t1">
22 |   <span id="t1" role="presentation">foo</span>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 730.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 730</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     foo
23 |     <input type="text" value="David"/>
24 |   </label>
25 |   <input type="file" id="test"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Description test case 838.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Description test case 838</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <img src="foo.jpg" id="test" alt="test" aria-describedby="t1">
22 |   <div id="t1" style="visibility:hidden">foo</div>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 599.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 599</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div id="test" aria-labelledby="ID0 ID1" aria-label="Tag">foo</div>
22 |   <span id="ID0">bar</span>
23 |   <span id="ID1">baz</span>
24 | 
25 | <!-- End of W3C ARIA test case code. --></div>
26 | 
27 | </div>
28 | <br /><br /><br />
29 | <div>
30 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
31 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
32 | <br />
33 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
34 | </div>
35 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
36 | </body>
37 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 728.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 728</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     foo
23 |     <input type="text" value="David"/>
24 |   </label>
25 |   <input type="checkbox" id="test"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 729.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 729</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     foo
23 |     <input type="text" value="David"/>
24 |   </label>
25 |   <input type="radio" id="test"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 547.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 547</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |   foo
23 |   <input type="text" value="David"/>
24 |   </label>
25 |   <input type="text" id="test" value="baz"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Description test case one valid reference.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Description test case one valid reference</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <img src="foo.jpg" id="test" alt="test" aria-describedby="t1 t2 t3">
22 |   <div id="t2">foo</div>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 552.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 552</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style>
22 |     label:before { content:"fancy "; }
23 |   </style>
24 |   <label for="test">fruit</label>
25 |   <input type="text" id="test"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 609.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 609</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input id="test" type="text" aria-labelledby="ID1 ID2 ID3">
22 |   <p id="ID1">foo</p>
23 |   <p id="ID2">bar</p>
24 |   <p id="ID3">baz</p>
25 | 
26 | <!-- End of W3C ARIA test case code. --></div>
27 | 
28 | </div>
29 | <br /><br /><br />
30 | <div>
31 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
32 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
33 | <br />
34 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
35 | </div>
36 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
37 | </body>
38 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 731.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 731</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     foo
23 |     <input type="text" value="David"/>
24 |   </label>
25 |   <input type="image" id="test" src="foo.jpg"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 756.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 756</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style>
22 |     label:before { content:"fancy "; }
23 |   </style>
24 |   <label for="test">fruit</label>
25 |   <input type="file" id="test"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 760.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 760</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style>
22 |     label:after { content:" fruit"; }
23 |   </style>
24 |   <label for="test">fancy</label>
25 |   <input type="radio" id="test"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 761.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 761</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style>
22 |     label:after { content:" fruit"; }
23 |   </style>
24 |   <label for="test">fancy</label>
25 |   <input type="file" id="test"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Description test case 665.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Description test case 665</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div>
22 |     <img id="test" aria-describedby="ID1" src="test.png">
23 |   </div>
24 |   <div id="ID1" style="display:none">foo</div>
25 | 
26 | <!-- End of W3C ARIA test case code. --></div>
27 | 
28 | </div>
29 | <br /><br /><br />
30 | <div>
31 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
32 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
33 | <br />
34 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
35 | </div>
36 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
37 | </body>
38 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Description test case 666.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Description test case 666</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div>
22 |     <img id="test" aria-describedby="ID1" src="test.png">
23 |   </div>
24 |   <div id="ID1" role="presentation">foo</div>
25 | 
26 | <!-- End of W3C ARIA test case code. --></div>
27 | 
28 | </div>
29 | <br /><br /><br />
30 | <div>
31 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
32 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
33 | <br />
34 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
35 | </div>
36 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
37 | </body>
38 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 727.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 727</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     foo
23 |     <input type="text" value="David"/>
24 |   </label>
25 |   <input type="password" id="test" value="baz"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 753.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 753</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style>
22 |     label:before { content:"fancy "; }
23 |   </style>
24 |   <label for="test">fruit</label>
25 |   <input type="password" id="test"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 754.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 754</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style>
22 |     label:before { content:"fancy "; }
23 |   </style>
24 |   <label for="test">fruit</label>
25 |   <input type="checkbox" id="test"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 755.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 755</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style>
22 |     label:before { content:"fancy "; }
23 |   </style>
24 |   <label for="test">fruit</label>
25 |   <input type="radio" id="test"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 758.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 758</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style>
22 |     label:after { content:" fruit"; }
23 |   </style>
24 |   <label for="test">fancy</label>
25 |   <input type="password" id="test"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 759.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 759</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style>
22 |     label:after { content:" fruit"; }
23 |   </style>
24 |   <label for="test">fancy</label>
25 |   <input type="checkbox" id="test"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Proposed Name and Description Tests/Name checkbox-label-multiple-label-alternative.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name checkbox-label-multiple-label-alternative</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 |   <label for="test">a test</label>
22 | <label>This
23 | <input type="checkbox" id="test" />
24 | is</label>
25 | 
26 | <!-- End of W3C ARIA test case code. --></div>
27 | 
28 | </div>
29 | <br /><br /><br />
30 | <div>
31 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
32 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
33 | <br />
34 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
35 | </div>
36 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
37 | </body>
38 | </html>


--------------------------------------------------------------------------------
/docs/Proposed Name and Description Tests/Name file-label-inline-block-elements.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name file-label-inline-block-elements</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="file" id="test" />
22 | <label for="test">W<i>h<b>a</b></i>t<br>is<div>your<div>name<b>?</b></div></div></label>
23 | 
24 | <!-- End of W3C ARIA test case code. --></div>
25 | 
26 | </div>
27 | <br /><br /><br />
28 | <div>
29 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
30 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
31 | <br />
32 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
33 | </div>
34 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 757.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 757</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style>
22 |     label:before { content:"fancy "; }
23 |   </style>
24 |   <label for="test">fruit</label>
25 |   <input type="image" src="foo.jpg" id="test"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 762.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 762</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style>
22 |     label:after { content:" fruit"; }
23 |   </style>
24 |   <label for="test">fancy</label>
25 |   <input type="image" src="foo.jpg" id="test"/>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Proposed Name and Description Tests/Name heading-combobox-focusable-alternative.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name heading-combobox-focusable-alternative</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <h2 id="test">
22 | Country of origin:
23 | <input role="combobox" type="text" title="Choose your country." value="United States">
24 | </h2>
25 | 
26 | <!-- End of W3C ARIA test case code. --></div>
27 | 
28 | </div>
29 | <br /><br /><br />
30 | <div>
31 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
32 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
33 | <br />
34 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
35 | </div>
36 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
37 | </body>
38 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 564.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 564</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="text" value="peanuts" id="ID1">
22 |   <input type="text" value="popcorn" id="ID2">
23 |   <img id="test" aria-label="l" aria-labelledby="test ID1 ID2" src="foo.jpg"/>
24 | 
25 | <!-- End of W3C ARIA test case code. --></div>
26 | 
27 | </div>
28 | <br /><br /><br />
29 | <div>
30 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
31 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
32 | <br />
33 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
34 | </div>
35 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
36 | </body>
37 | </html>


--------------------------------------------------------------------------------
/docs/Proposed Name and Description Tests/Description description-title-same-element.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Description description-title-same-element</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div>
22 | <input aria-label="Name" id="test" title="Title" aria-describedby="ID1" type="text">
23 |   </div>
24 |   <div id="ID1">Description</div>
25 | 
26 | <!-- End of W3C ARIA test case code. --></div>
27 | 
28 | </div>
29 | <br /><br /><br />
30 | <div>
31 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
32 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
33 | <br />
34 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
35 | </div>
36 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
37 | </body>
38 | </html>


--------------------------------------------------------------------------------
/docs/Proposed Name and Description Tests/Name checkbox-label-embedded-textbox.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name checkbox-label-embedded-textbox</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="checkbox" id="test" />
22 |   <label for="test">Flash the screen 
23 |       <div role="textbox" contenteditable>1</div>
24 |     times.
25 |   </label>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 744.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 744</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     crazy
23 |     <div role="spinbutton" aria-valuemin="1" aria-valuemax="7" aria-valuenow="4">
24 |     </div>
25 |   </label>
26 |   <input type="checkbox" id="test"/>
27 | 
28 | <!-- End of W3C ARIA test case code. --></div>
29 | 
30 | </div>
31 | <br /><br /><br />
32 | <div>
33 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
34 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
35 | <br />
36 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
37 | </div>
38 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
39 | </body>
40 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 745.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 745</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     crazy
23 |     <div role="spinbutton" aria-valuemin="1" aria-valuemax="7" aria-valuenow="4">
24 |     </div>
25 |   </label>
26 |   <input type="radio" id="test"/>
27 | 
28 | <!-- End of W3C ARIA test case code. --></div>
29 | 
30 | </div>
31 | <br /><br /><br />
32 | <div>
33 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
34 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
35 | <br />
36 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
37 | </div>
38 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
39 | </body>
40 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 746.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 746</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     crazy
23 |     <div role="spinbutton" aria-valuemin="1" aria-valuemax="7" aria-valuenow="4">
24 |     </div>
25 |   </label>
26 |   <input type="file" id="test"/>
27 | 
28 | <!-- End of W3C ARIA test case code. --></div>
29 | 
30 | </div>
31 | <br /><br /><br />
32 | <div>
33 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
34 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
35 | <br />
36 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
37 | </div>
38 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
39 | </body>
40 | </html>


--------------------------------------------------------------------------------
/docs/Proposed fieldset and role=group plus Legend Tests/Role-group-with-legend.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Role-group-with-legend</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div role="group" id="test">
22 | <legend>This <i>i</i>s reall<b>y</b> important.</legend>
23 | <label for="f1">Type Your Email:</label>
24 | <input type="text" id="f1" />
25 | </div>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 553.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 553</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style type="text/css">
22 |     [data-after]:after { content: attr(data-after); }
23 |   </style>
24 |   <label for="test" data-after="test content"></label>
25 |   <input type="text" id="test">
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 550.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 550</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     crazy
23 |     <div role="spinbutton" aria-valuemin="1" aria-valuemax="7" aria-valuenow="4">
24 |     </div>
25 |   </label>
26 |   <input type="text" id="test" value="baz"/>
27 | 
28 | <!-- End of W3C ARIA test case code. --></div>
29 | 
30 | </div>
31 | <br /><br /><br />
32 | <div>
33 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
34 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
35 | <br />
36 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
37 | </div>
38 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
39 | </body>
40 | </html>


--------------------------------------------------------------------------------
/docs/Proposed fieldset and role=group plus Legend Tests/Standard-fieldset-with-legend.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Standard-fieldset-with-legend</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <fieldset id="test">
22 | <legend>This <i>i</i>s reall<b>y</b> important.</legend>
23 | <label for="f1">Type Your Email:</label>
24 | <input type="text" id="f1" />
25 | </fieldset>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 743.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 743</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     crazy
23 |     <div role="spinbutton" aria-valuemin="1" aria-valuemax="7" aria-valuenow="4">
24 |     </div>
25 |   </label>
26 |   <input type="password" id="test" value="baz"/>
27 | 
28 | <!-- End of W3C ARIA test case code. --></div>
29 | 
30 | </div>
31 | <br /><br /><br />
32 | <div>
33 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
34 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
35 | <br />
36 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
37 | </div>
38 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
39 | </body>
40 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 747.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 747</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     crazy
23 |     <div role="spinbutton" aria-valuemin="1" aria-valuemax="7" aria-valuenow="4">
24 |     </div>
25 |   </label>
26 |   <input type="image" src="foo.jpg" id="test"/>
27 | 
28 | <!-- End of W3C ARIA test case code. --></div>
29 | 
30 | </div>
31 | <br /><br /><br />
32 | <div>
33 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
34 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
35 | <br />
36 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
37 | </div>
38 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
39 | </body>
40 | </html>


--------------------------------------------------------------------------------
/docs/Proposed fieldset and role=group plus Legend Tests/Role-group-with-legend-role.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Role-group-with-legend-role</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div role="group" id="test">
22 | <div role="legend">This <i>i</i>s reall<b>y</b> important.</div>
23 | <label for="f1">Type Your Email:</label>
24 | <input type="text" id="f1" />
25 | </div>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 741.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 741</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     crazy
23 |     <div role="spinbutton" aria-valuetext="Monday" aria-valuemin="1" aria-valuemax="7" aria-valuenow="4">
24 |     </div>
25 |   </label>
26 |   <input type="file" id="test"/>
27 | 
28 | <!-- End of W3C ARIA test case code. --></div>
29 | 
30 | </div>
31 | <br /><br /><br />
32 | <div>
33 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
34 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
35 | <br />
36 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
37 | </div>
38 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
39 | </body>
40 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 739.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 739</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     crazy
23 |     <div role="spinbutton" aria-valuetext="Monday" aria-valuemin="1" aria-valuemax="7" aria-valuenow="4">
24 |     </div>
25 |   </label>
26 |   <input type="checkbox" id="test"/>
27 | 
28 | <!-- End of W3C ARIA test case code. --></div>
29 | 
30 | </div>
31 | <br /><br /><br />
32 | <div>
33 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
34 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
35 | <br />
36 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
37 | </div>
38 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
39 | </body>
40 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 740.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 740</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     crazy
23 |     <div role="spinbutton" aria-valuetext="Monday" aria-valuemin="1" aria-valuemax="7" aria-valuenow="4">
24 |     </div>
25 |   </label>
26 |   <input type="radio" id="test"/>
27 | 
28 | <!-- End of W3C ARIA test case code. --></div>
29 | 
30 | </div>
31 | <br /><br /><br />
32 | <div>
33 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
34 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
35 | <br />
36 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
37 | </div>
38 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
39 | </body>
40 | </html>


--------------------------------------------------------------------------------
/docs/Proposed fieldset and role=group plus Legend Tests/Standard-fieldset-with-legend-role.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Standard-fieldset-with-legend-role</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <fieldset id="test">
22 | <div role="legend">This <i>i</i>s reall<b>y</b> important.</div>
23 | <label for="f1">Type Your Email:</label>
24 | <input type="text" id="f1" />
25 | </fieldset>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name file-label-embedded-slider.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name file-label-embedded-slider</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="file" id="test" />
22 |   <label for="test">foo <input role="slider" type="range" value="5" min="1" max="10" aria-valuenow="5" aria-valuemin="1" aria-valuemax="10"> baz
23 |   </label>
24 | 
25 | <!-- End of W3C ARIA test case code. --></div>
26 | 
27 | </div>
28 | <br /><br /><br />
29 | <div>
30 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
31 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
32 | <br />
33 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
34 | </div>
35 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
36 | </body>
37 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 562.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 562</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="text" value="peanuts" id="ID1">
22 |   <input type="text" value="popcorn" id="ID2">
23 |   <input type="text" value="apple jacks" id="ID3">
24 |   <img aria-labelledby="ID1 ID2 ID3" id="test" src="foo.jpg"/>
25 | 
26 | <!-- End of W3C ARIA test case code. --></div>
27 | 
28 | </div>
29 | <br /><br /><br />
30 | <div>
31 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
32 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
33 | <br />
34 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
35 | </div>
36 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
37 | </body>
38 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name text-label-embedded-slider.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name text-label-embedded-slider</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="text" id="test" />
22 |   <label for="test">foo <input role="slider" type="range" value="5" min="1" max="10" aria-valuenow="5" aria-valuemin="1" aria-valuemax="10"> baz
23 |   </label>
24 | 
25 | <!-- End of W3C ARIA test case code. --></div>
26 | 
27 | </div>
28 | <br /><br /><br />
29 | <div>
30 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
31 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
32 | <br />
33 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
34 | </div>
35 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
36 | </body>
37 | </html>


--------------------------------------------------------------------------------
/docs/Proposed Name and Description Tests/Name file-label-inline-block-styles.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name file-label-inline-block-styles</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style>
22 |     label:before { content: "This"; display: block; }
23 |     label:after { content: "."; }
24 |   </style>
25 |   <label for="test">is a test</label>
26 |   <input type="text" id="test"/>
27 | 
28 | <!-- End of W3C ARIA test case code. --></div>
29 | 
30 | </div>
31 | <br /><br /><br />
32 | <div>
33 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
34 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
35 | <br />
36 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
37 | </div>
38 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
39 | </body>
40 | </html>


--------------------------------------------------------------------------------
/docs/Proposed fieldset and role=group plus Legend Tests/Role-group-with-nested-legend.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Role-group-with-nested-legend</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div role="group" id="test">
22 | <legend>This <i>i</i>s <legend>reall<b>y</b></legend> important.</legend>
23 | <label for="f1">Type Your Email:</label>
24 | <input type="text" id="f1" />
25 | </div>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name radio-label-embedded-slider.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name radio-label-embedded-slider</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="radio" id="test" />
22 |   <label for="test">foo <input role="slider" type="range" value="5" min="1" max="10" aria-valuenow="5" aria-valuemin="1" aria-valuemax="10"> baz
23 |   </label>
24 | 
25 | <!-- End of W3C ARIA test case code. --></div>
26 | 
27 | </div>
28 | <br /><br /><br />
29 | <div>
30 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
31 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
32 | <br />
33 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
34 | </div>
35 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
36 | </body>
37 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 549.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 549</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     crazy
23 |      <div role="spinbutton" aria-valuetext="Monday" aria-valuemin="1" aria-valuemax="7" aria-valuenow="4">
24 |      </div>
25 |   </label>
26 |   <input type="text" id="test" value="baz"/>
27 | 
28 | <!-- End of W3C ARIA test case code. --></div>
29 | 
30 | </div>
31 | <br /><br /><br />
32 | <div>
33 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
34 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
35 | <br />
36 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
37 | </div>
38 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
39 | </body>
40 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 742.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 742</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     crazy
23 |     <div role="spinbutton" aria-valuetext="Monday" aria-valuemin="1" aria-valuemax="7" aria-valuenow="4">
24 |     </div>
25 |   </label>
26 |   <input type="image" src="foo.jpg" id="test"/>
27 | 
28 | <!-- End of W3C ARIA test case code. --></div>
29 | 
30 | </div>
31 | <br /><br /><br />
32 | <div>
33 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
34 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
35 | <br />
36 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
37 | </div>
38 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
39 | </body>
40 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 738.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 738</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <label for="test">
22 |     crazy
23 |     <div role="spinbutton" aria-valuetext="Monday" aria-valuemin="1" aria-valuemax="7" aria-valuenow="4">
24 |     </div>
25 |   </label>
26 |   <input type="password" value="baz" id="test"/>
27 | 
28 | <!-- End of W3C ARIA test case code. --></div>
29 | 
30 | </div>
31 | <br /><br /><br />
32 | <div>
33 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
34 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
35 | <br />
36 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
37 | </div>
38 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
39 | </body>
40 | </html>


--------------------------------------------------------------------------------
/docs/Proposed fieldset and role=group plus Legend Tests/Standard-fieldset-with-nested-legend.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Standard-fieldset-with-nested-legend</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <fieldset id="test">
22 | <legend>This <i>i</i>s <legend>reall<b>y</b></legend> important.</legend>
23 | <label for="f1">Type Your Email:</label>
24 | <input type="text" id="f1" />
25 | </fieldset>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name checkbox-label-embedded-slider.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name checkbox-label-embedded-slider</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="checkbox" id="test" />
22 |   <label for="test">foo <input role="slider" type="range" value="5" min="1" max="10" aria-valuenow="5" aria-valuemin="1" aria-valuemax="10"> baz   	
23 |   </label>
24 | 
25 | <!-- End of W3C ARIA test case code. --></div>
26 | 
27 | </div>
28 | <br /><br /><br />
29 | <div>
30 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
31 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
32 | <br />
33 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
34 | </div>
35 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
36 | </body>
37 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name file-label-embedded-spinbutton.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name file-label-embedded-spinbutton</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="file" id="test" />
22 |   <label for="test">foo <input role="spinbutton" type="number" value="5" min="1" max="10" aria-valuenow="5" aria-valuemin="1" aria-valuemax="10"> baz
23 |   </label>
24 | 
25 | <!-- End of W3C ARIA test case code. --></div>
26 | 
27 | </div>
28 | <br /><br /><br />
29 | <div>
30 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
31 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
32 | <br />
33 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
34 | </div>
35 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
36 | </body>
37 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name password-label-embedded-slider.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name password-label-embedded-slider</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="password" id="test" />
22 |   <label for="test">foo <input role="slider" type="range" value="5" min="1" max="10" aria-valuenow="5" aria-valuemin="1" aria-valuemax="10"> baz
23 |   </label>
24 | 
25 | <!-- End of W3C ARIA test case code. --></div>
26 | 
27 | </div>
28 | <br /><br /><br />
29 | <div>
30 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
31 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
32 | <br />
33 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
34 | </div>
35 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
36 | </body>
37 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name text-label-embedded-spinbutton.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name text-label-embedded-spinbutton</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="text" id="test" />
22 |   <label for="test">foo <input role="spinbutton" type="number" value="5" min="1" max="10" aria-valuenow="5" aria-valuemin="1" aria-valuemax="10"> baz
23 |   </label>
24 | 
25 | <!-- End of W3C ARIA test case code. --></div>
26 | 
27 | </div>
28 | <br /><br /><br />
29 | <div>
30 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
31 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
32 | <br />
33 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
34 | </div>
35 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
36 | </body>
37 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name radio-label-embedded-spinbutton.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name radio-label-embedded-spinbutton</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="radio" id="test" />
22 |   <label for="test">foo <input role="spinbutton"  type="number" value="5" min="1" max="10" aria-valuenow="5" aria-valuemin="1" aria-valuemax="10"> baz
23 |   </label>
24 | 
25 | <!-- End of W3C ARIA test case code. --></div>
26 | 
27 | </div>
28 | <br /><br /><br />
29 | <div>
30 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
31 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
32 | <br />
33 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
34 | </div>
35 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
36 | </body>
37 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 662.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 662</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style type="text/css">
22 |     label:before { content: "foo"; }
23 |     label:after { content: "baz"; }
24 |   </style>
25 |   <form>
26 |     <label for="test"><input id="test" type="radio" name="test" title=" bar "></label> 
27 |   </form>
28 | 
29 | <!-- End of W3C ARIA test case code. --></div>
30 | 
31 | </div>
32 | <br /><br /><br />
33 | <div>
34 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
35 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
36 | <br />
37 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
38 | </div>
39 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
40 | </body>
41 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 663.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 663</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style type="text/css">
22 |     label:before { content: "foo"; }
23 |     label:after { content: "baz"; }
24 |   </style>
25 |   <form>
26 |     <label for="test"><input id="test" type="file" name="test" title="bar"></label>
27 |   </form>
28 | 
29 | <!-- End of W3C ARIA test case code. --></div>
30 | 
31 | </div>
32 | <br /><br /><br />
33 | <div>
34 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
35 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
36 | <br />
37 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
38 | </div>
39 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
40 | </body>
41 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name checkbox-label-embedded-spinbutton.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name checkbox-label-embedded-spinbutton</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="checkbox" id="test" />
22 |   <label for="test">foo <input role="spinbutton" type="number" value="5" min="1" max="10" aria-valuenow="5" aria-valuemin="1" aria-valuemax="10"> baz
23 |   </label>
24 | 
25 | <!-- End of W3C ARIA test case code. --></div>
26 | 
27 | </div>
28 | <br /><br /><br />
29 | <div>
30 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
31 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
32 | <br />
33 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
34 | </div>
35 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
36 | </body>
37 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name password-label-embedded-spinbutton.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name password-label-embedded-spinbutton</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="password" id="test" />
22 |   <label for="test">foo <input role="spinbutton" type="number" value="5" min="1" max="10" aria-valuenow="5" aria-valuemin="1" aria-valuemax="10"> baz
23 |   </label>
24 | 
25 | <!-- End of W3C ARIA test case code. --></div>
26 | 
27 | </div>
28 | <br /><br /><br />
29 | <div>
30 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
31 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
32 | <br />
33 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
34 | </div>
35 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
36 | </body>
37 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 661.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 661</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style type="text/css">
22 |     label:before { content: "foo"; }
23 |     label:after { content: "baz"; }
24 |   </style>
25 |   <form>
26 |     <label for="test"><input id="test" type="checkbox" name="test" title=" bar "></label>
27 |   </form>
28 | 
29 | <!-- End of W3C ARIA test case code. --></div>
30 | 
31 | </div>
32 | <br /><br /><br />
33 | <div>
34 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
35 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
36 | <br />
37 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
38 | </div>
39 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
40 | </body>
41 | </html>


--------------------------------------------------------------------------------
/docs/Proposed fieldset and role=group plus Legend Tests/Role-group-with-nested-legend-role.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Role-group-with-nested-legend-role</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div role="group" id="test">
22 | <div role="legend">This <i>i</i>s <span role="legend">reall<b>y</b></span> important.</div>
23 | <label for="f1">Type Your Email:</label>
24 | <input type="text" id="f1" />
25 | </div>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 659.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 659</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style type="text/css">
22 |     label:before { content: "foo"; }
23 |     label:after { content: "baz"; }
24 |   </style>
25 |   <form>
26 |     <label for="test" title="bar"><input id="test" type="text" name="test" title="buz"></label> 
27 |   </form>
28 | 
29 | <!-- End of W3C ARIA test case code. --></div>
30 | 
31 | </div>
32 | <br /><br /><br />
33 | <div>
34 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
35 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
36 | <br />
37 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
38 | </div>
39 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
40 | </body>
41 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 565.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 565</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="text" value="peanuts" id="ID1">
22 |   <input type="text" value="popcorn" id="ID2">
23 |   <input type="text" value="apple jacks" id="ID3">
24 |   <img id="test" aria-label="l" aria-labelledby="test ID1 ID2 ID3" alt= "a" title="t" src="foo.jpg"/>
25 | 
26 | <!-- End of W3C ARIA test case code. --></div>
27 | 
28 | </div>
29 | <br /><br /><br />
30 | <div>
31 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
32 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
33 | <br />
34 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
35 | </div>
36 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
37 | </body>
38 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 566.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 566</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="text" value="peanuts" id="ID1">
22 |   <input type="text" value="popcorn" id="ID2">
23 |   <input type="text" value="apple jacks" id="ID3">
24 |   <img id="test" aria-label="" aria-labelledby="test ID1 ID2 ID3" alt="" title="t" src="foo.jpg"/>
25 | 
26 | <!-- End of W3C ARIA test case code. --></div>
27 | 
28 | </div>
29 | <br /><br /><br />
30 | <div>
31 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
32 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
33 | <br />
34 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
35 | </div>
36 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
37 | </body>
38 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 660.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 660</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style type="text/css">
22 |     label:before { content: "foo"; }
23 |     label:after { content: "baz"; }
24 |   </style>
25 |   <form>
26 |     <label for="test" title="bar"><input id="test" type="password" name="test" title="buz"></label> 
27 |   </form>
28 | 
29 | <!-- End of W3C ARIA test case code. --></div>
30 | 
31 | </div>
32 | <br /><br /><br />
33 | <div>
34 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
35 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
36 | <br />
37 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
38 | </div>
39 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
40 | </body>
41 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name test case 663a.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name test case 663a</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <style type="text/css">
22 |     label:before { content: "foo"; }
23 |     label:after { content: "baz"; }
24 |   </style>
25 |   <form>
26 |     <label for="test"><input id="test" type="image" src="foo.jpg" name="test" title="bar"></label>
27 |   </form>
28 | 
29 | <!-- End of W3C ARIA test case code. --></div>
30 | 
31 | </div>
32 | <br /><br /><br />
33 | <div>
34 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
35 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
36 | <br />
37 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
38 | </div>
39 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
40 | </body>
41 | </html>


--------------------------------------------------------------------------------
/docs/Proposed fieldset and role=group plus Legend Tests/Nested-role-group-with-legend.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Nested-role-group-with-legend</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div role="group" id="test">
22 | <div>
23 | <div role="group">
24 | <legend>This <i>i</i>s reall<b>y</b> important.</legend>
25 | <label for="f1">Type Your Email:</label>
26 | <input type="text" id="f1" />
27 | </div>
28 | </div>
29 | </div>
30 | 
31 | <!-- End of W3C ARIA test case code. --></div>
32 | 
33 | </div>
34 | <br /><br /><br />
35 | <div>
36 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
37 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
38 | <br />
39 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
40 | </div>
41 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
42 | </body>
43 | </html>


--------------------------------------------------------------------------------
/docs/Proposed fieldset and role=group plus Legend Tests/Standard-fieldset-with-nested-legend-role.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Standard-fieldset-with-nested-legend-role</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <fieldset id="test">
22 | <div role="legend">This <i>i</i>s <span role="legend">reall<b>y</b></span> important.</div>
23 | <label for="f1">Type Your Email:</label>
24 | <input type="text" id="f1" />
25 | </fieldset>
26 | 
27 | <!-- End of W3C ARIA test case code. --></div>
28 | 
29 | </div>
30 | <br /><br /><br />
31 | <div>
32 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
33 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
34 | <br />
35 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
36 | </div>
37 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/docs/Proposed fieldset and role=group plus Legend Tests/Standard-nested-fieldset-with-legend.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Standard-nested-fieldset-with-legend</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <fieldset id="test">
22 | <div>
23 | <fieldset>
24 | <legend>This <i>i</i>s reall<b>y</b> important.</legend>
25 | <label for="f1">Type Your Email:</label>
26 | <input type="text" id="f1" />
27 | </fieldset>
28 | </div>
29 | </fieldset>
30 | 
31 | <!-- End of W3C ARIA test case code. --></div>
32 | 
33 | </div>
34 | <br /><br /><br />
35 | <div>
36 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
37 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
38 | <br />
39 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
40 | </div>
41 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
42 | </body>
43 | </html>


--------------------------------------------------------------------------------
/docs/Proposed fieldset and role=group plus Legend Tests/Nested-role-group-with-legend-role.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Nested-role-group-with-legend-role</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div role="group" id="test">
22 | <div>
23 | <div role="group">
24 | <div role="legend">This <i>i</i>s reall<b>y</b> important.</div>
25 | <label for="f1">Type Your Email:</label>
26 | <input type="text" id="f1" />
27 | </div>
28 | </div>
29 | </div>
30 | 
31 | <!-- End of W3C ARIA test case code. --></div>
32 | 
33 | </div>
34 | <br /><br /><br />
35 | <div>
36 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
37 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
38 | <br />
39 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
40 | </div>
41 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
42 | </body>
43 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name file-label-embedded-select.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name file-label-embedded-select</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="file" id="test" />
22 |   <label for="test">Flash the screen 
23 |     <select size="1">
24 |       <option selected="selected">1</option>
25 |       <option>2</option>
26 |       <option>3</option>
27 |     </select>
28 |     times.
29 |   </label>
30 | 
31 | <!-- End of W3C ARIA test case code. --></div>
32 | 
33 | </div>
34 | <br /><br /><br />
35 | <div>
36 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
37 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
38 | <br />
39 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
40 | </div>
41 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
42 | </body>
43 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name text-label-embedded-select.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name text-label-embedded-select</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="text" id="test" />
22 |   <label for="test">Flash the screen 
23 |     <select size="1">
24 |       <option selected="selected">1</option>
25 |       <option>2</option>
26 |       <option>3</option>
27 |     </select>
28 |     times.
29 |   </label>
30 | 
31 | <!-- End of W3C ARIA test case code. --></div>
32 | 
33 | </div>
34 | <br /><br /><br />
35 | <div>
36 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
37 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
38 | <br />
39 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
40 | </div>
41 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
42 | </body>
43 | </html>


--------------------------------------------------------------------------------
/docs/Proposed fieldset and role=group plus Legend Tests/Standard-nested-fieldset-with-legend-role.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Standard-nested-fieldset-with-legend-role</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <fieldset id="test">
22 | <div>
23 | <fieldset>
24 | <div role="legend">This <i>i</i>s reall<b>y</b> important.</div>
25 | <label for="f1">Type Your Email:</label>
26 | <input type="text" id="f1" />
27 | </fieldset>
28 | </div>
29 | </fieldset>
30 | 
31 | <!-- End of W3C ARIA test case code. --></div>
32 | 
33 | </div>
34 | <br /><br /><br />
35 | <div>
36 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
37 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
38 | <br />
39 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
40 | </div>
41 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
42 | </body>
43 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name radio-label-embedded-select.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name radio-label-embedded-select</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="radio" id="test" />
22 |   <label for="test">Flash the screen 
23 |     <select size="1">
24 |       <option selected="selected">1</option>
25 |       <option>2</option>
26 |       <option>3</option>
27 |     </select>
28 |     times.
29 |   </label>
30 | 
31 | <!-- End of W3C ARIA test case code. --></div>
32 | 
33 | </div>
34 | <br /><br /><br />
35 | <div>
36 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
37 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
38 | <br />
39 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
40 | </div>
41 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
42 | </body>
43 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name checkbox-label-embedded-select.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name checkbox-label-embedded-select</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="checkbox" id="test" />
22 |   <label for="test">Flash the screen 
23 |     <select size="1">
24 |       <option selected="selected">1</option>
25 |       <option>2</option>
26 |       <option>3</option>
27 |     </select>
28 |     times.
29 |   </label>
30 | 
31 | <!-- End of W3C ARIA test case code. --></div>
32 | 
33 | </div>
34 | <br /><br /><br />
35 | <div>
36 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
37 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
38 | <br />
39 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
40 | </div>
41 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
42 | </body>
43 | </html>


--------------------------------------------------------------------------------
/docs/Autogenerated AccName 1.1 Testable Statements - W3C/Name password-label-embedded-select.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Name password-label-embedded-select</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <input type="password" id="test" />
22 |   <label for="test">Flash the screen 
23 |     <select size="1">
24 |       <option selected="selected">1</option>
25 |       <option>2</option>
26 |       <option>3</option>
27 |     </select>
28 |     times.
29 |   </label>
30 | 
31 | <!-- End of W3C ARIA test case code. --></div>
32 | 
33 | </div>
34 | <br /><br /><br />
35 | <div>
36 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
37 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
38 | <br />
39 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
40 | </div>
41 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
42 | </body>
43 | </html>


--------------------------------------------------------------------------------
/docs/Proposed fieldset and role=group plus Legend Tests/Nested-role-group-with-legend-2.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Nested-role-group-with-legend-2</title>
 5 | <style type="text/css">
 6 | #fieldDiv {
 7 | display: table;
 8 | width: 80%;
 9 | margin: 100px 10%;
10 | }
11 | .hidden {
12 | display: none;
13 | }
14 | </style>
15 | </head>
16 | <body>
17 | <div class="pageContainer">
18 | <div id="fieldDiv"><!--
19 | Start of W3C ARIA test case code. -->
20 | 
21 | <div role="group" id="test">
22 | <legend>This <i>i</i>s reall<b>y</b> important.</legend>
23 | <div>
24 | <div role="group">
25 | <legend>This is a test.</legend>
26 | <label for="f1">Type Your Email:</label>
27 | <input type="text" id="f1" />
28 | </div>
29 | </div>
30 | </div>
31 | 
32 | <!-- End of W3C ARIA test case code. --></div>
33 | 
34 | </div>
35 | <br /><br /><br />
36 | <div>
37 | <button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
38 | <button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
39 | <br />
40 | <textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
41 | </div>
42 | <script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
43 | </body>
44 | </html>


--------------------------------------------------------------------------------