Skip to content

Commit 0c466ee

Browse files
jscholesjscholes
authored
Fix navigation link positions in three test plans: link, command button and toggle button (#709)
* Fix navigation link positions in three test plans: link, command button and toggle button * Generate .html source files with scripts automatically Co-authored-by: jscholes <jscholes@users.noreply.github.com>
1 parent 97d4bd6 commit 0c466ee

15 files changed

+104
-74
lines changed

‎tests/command-button/reference/2022-4-8_124112/button.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,9 @@ <h2 id="ex_label">Example</h2>
2626
<div id="example">
2727
<p>This <q>Print</q> action button uses a <code>div</code> element.</p>
2828
<a id="beforelink" href="#beforelink">Navigate forwards from here</a>
29-
<div tabindex="0" role="button" id="action">Print Page</div>
29+
<div>
30+
<div tabindex="0" role="button" id="action">Print Page</div>
31+
</div>
3032
<a id="afterlink" href="#afterlink">Navigate backwards from here</a>
3133
</div>
3234

‎tests/command-button/reference/2022-4-8_124112/button.setFocusAfterButton.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,9 @@ <h2 id="ex_label">Example</h2>
4444
<div id="example">
4545
<p>This <q>Print</q> action button uses a <code>div</code> element.</p>
4646
<a id="beforelink" href="#beforelink">Navigate forwards from here</a>
47-
<div tabindex="0" role="button" id="action">Print Page</div>
47+
<div>
48+
<div tabindex="0" role="button" id="action">Print Page</div>
49+
</div>
4850
<a id="afterlink" href="#afterlink">Navigate backwards from here</a>
4951
</div>
5052

‎tests/command-button/reference/2022-4-8_124112/button.setFocusBeforeButton.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,9 @@ <h2 id="ex_label">Example</h2>
4444
<div id="example">
4545
<p>This <q>Print</q> action button uses a <code>div</code> element.</p>
4646
<a id="beforelink" href="#beforelink">Navigate forwards from here</a>
47-
<div tabindex="0" role="button" id="action">Print Page</div>
47+
<div>
48+
<div tabindex="0" role="button" id="action">Print Page</div>
49+
</div>
4850
<a id="afterlink" href="#afterlink">Navigate backwards from here</a>
4951
</div>
5052

‎tests/command-button/reference/2022-4-8_124112/button.setFocusOnButton.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,9 @@ <h2 id="ex_label">Example</h2>
4444
<div id="example">
4545
<p>This <q>Print</q> action button uses a <code>div</code> element.</p>
4646
<a id="beforelink" href="#beforelink">Navigate forwards from here</a>
47-
<div tabindex="0" role="button" id="action">Print Page</div>
47+
<div>
48+
<div tabindex="0" role="button" id="action">Print Page</div>
49+
</div>
4850
<a id="afterlink" href="#afterlink">Navigate backwards from here</a>
4951
</div>
5052

‎tests/link-span-text/reference/2022-4-6_14258/link.html‎

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -21,13 +21,15 @@ <h1>Link Example 1 (span element with text content</h1>
2121
<h2 id="ex_label">Example</h2>
2222
<div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
2323
<a id="beforelink" href="#beforelink">Navigate forwards from here</a>
24-
<span id="link"
25-
tabindex="0"
26-
role="link"
27-
onclick="goToLink(event, 'https://www.w3.org/')"
28-
onkeydown="goToLink(event, 'https://www.w3.org/')">
29-
W3C website
30-
</span>
24+
<div>
25+
<span id="link"
26+
tabindex="0"
27+
role="link"
28+
onclick="goToLink(event, 'https://www.w3.org/')"
29+
onkeydown="goToLink(event, 'https://www.w3.org/')">
30+
W3C website
31+
</span>
32+
</div>
3133
<a id="afterlink" href="#afterlink">Navigate backwards from here</a>
3234
<div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
3335
</section>

‎tests/link-span-text/reference/2022-4-6_14258/link.setFocusAfterLink.html‎

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -39,13 +39,15 @@ <h1>Link Example 1 (span element with text content</h1>
3939
<h2 id="ex_label">Example</h2>
4040
<div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
4141
<a id="beforelink" href="#beforelink">Navigate forwards from here</a>
42-
<span id="link"
43-
tabindex="0"
44-
role="link"
45-
onclick="goToLink(event, 'https://www.w3.org/')"
46-
onkeydown="goToLink(event, 'https://www.w3.org/')">
47-
W3C website
48-
</span>
42+
<div>
43+
<span id="link"
44+
tabindex="0"
45+
role="link"
46+
onclick="goToLink(event, 'https://www.w3.org/')"
47+
onkeydown="goToLink(event, 'https://www.w3.org/')">
48+
W3C website
49+
</span>
50+
</div>
4951
<a id="afterlink" href="#afterlink">Navigate backwards from here</a>
5052
<div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
5153
</section>

‎tests/link-span-text/reference/2022-4-6_14258/link.setFocusBeforeLink.html‎

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -39,13 +39,15 @@ <h1>Link Example 1 (span element with text content</h1>
3939
<h2 id="ex_label">Example</h2>
4040
<div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
4141
<a id="beforelink" href="#beforelink">Navigate forwards from here</a>
42-
<span id="link"
43-
tabindex="0"
44-
role="link"
45-
onclick="goToLink(event, 'https://www.w3.org/')"
46-
onkeydown="goToLink(event, 'https://www.w3.org/')">
47-
W3C website
48-
</span>
42+
<div>
43+
<span id="link"
44+
tabindex="0"
45+
role="link"
46+
onclick="goToLink(event, 'https://www.w3.org/')"
47+
onkeydown="goToLink(event, 'https://www.w3.org/')">
48+
W3C website
49+
</span>
50+
</div>
4951
<a id="afterlink" href="#afterlink">Navigate backwards from here</a>
5052
<div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
5153
</section>

‎tests/link-span-text/reference/2022-4-6_14258/link.setFocusOnLink.html‎

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -39,13 +39,15 @@ <h1>Link Example 1 (span element with text content</h1>
3939
<h2 id="ex_label">Example</h2>
4040
<div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
4141
<a id="beforelink" href="#beforelink">Navigate forwards from here</a>
42-
<span id="link"
43-
tabindex="0"
44-
role="link"
45-
onclick="goToLink(event, 'https://www.w3.org/')"
46-
onkeydown="goToLink(event, 'https://www.w3.org/')">
47-
W3C website
48-
</span>
42+
<div>
43+
<span id="link"
44+
tabindex="0"
45+
role="link"
46+
onclick="goToLink(event, 'https://www.w3.org/')"
47+
onkeydown="goToLink(event, 'https://www.w3.org/')">
48+
W3C website
49+
</span>
50+
</div>
4951
<a id="afterlink" href="#afterlink">Navigate backwards from here</a>
5052
<div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
5153
</section>

‎tests/toggle-button/reference/2022-4-8_135651/button.html‎

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -29,12 +29,14 @@ <h2 id="ex_label">Example</h2>
2929

3030
<p>This <q>Mute</q> toggle button uses an <code>a</code> element.</p>
3131
<a id="beforelink" href="#beforelink">Navigate forwards from here</a>
32-
<a tabindex="0" role="button" id="toggle" aria-pressed="false">
33-
Mute
34-
<svg aria-hidden="true" focusable="false">
35-
<use xlink:href="#icon-sound"></use>
36-
</svg>
37-
</a>
32+
<div>
33+
<a tabindex="0" role="button" id="toggle" aria-pressed="false">
34+
Mute
35+
<svg aria-hidden="true" focusable="false">
36+
<use xlink:href="#icon-sound"></use>
37+
</svg>
38+
</a>
39+
</div>
3840
<a id="afterlink" href="#afterlink">Navigate backwards from here</a>
3941

4042
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:none" id="svg_definitions">

‎tests/toggle-button/reference/2022-4-8_135651/button.setFocusAfterButton.html‎

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -47,12 +47,14 @@ <h2 id="ex_label">Example</h2>
4747

4848
<p>This <q>Mute</q> toggle button uses an <code>a</code> element.</p>
4949
<a id="beforelink" href="#beforelink">Navigate forwards from here</a>
50-
<a tabindex="0" role="button" id="toggle" aria-pressed="false">
51-
Mute
52-
<svg aria-hidden="true" focusable="false">
53-
<use xlink:href="#icon-sound"></use>
54-
</svg>
55-
</a>
50+
<div>
51+
<a tabindex="0" role="button" id="toggle" aria-pressed="false">
52+
Mute
53+
<svg aria-hidden="true" focusable="false">
54+
<use xlink:href="#icon-sound"></use>
55+
</svg>
56+
</a>
57+
</div>
5658
<a id="afterlink" href="#afterlink">Navigate backwards from here</a>
5759

5860
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:none" id="svg_definitions">

0 commit comments

Comments
 (0)