Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update accname/name/comp_host_language_label.html with hidden label tests #44183

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Update accname/name/comp_host_language_label.html with hidden label tests #44183

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
7402fbd
Update comp_host_language_label.html with additional hidden label tests
Jan 25, 2024
2b6cc6f
Fix label/for associations
Jan 25, 2024
6d62ffb
Add encapsulated hidden label tests
Jan 25, 2024
aac0738
Add input type=button tests
Jan 25, 2024
0811db9
More button markup
Jan 25, 2024
882b32e
Misc copy updates
Jan 25, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
72 changes: 72 additions & 0 deletions accname/name/comp_host_language_label.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,42 @@ <h2>HTML input label/for</h2>
<label for="url">url label</label><input id="url" type="url" data-expectedlabel="url label" data-testname="html: label[for] input[type=url]" class="ex"><br>
<label for="week">week label</label><input id="week" type="week" data-expectedlabel="week label" data-testname="html: label[for] input[type=week]" class="ex"><br>

<h2>HTML input with hidden label/for</h2>
<label for="input1" style="display: none;">input label</label><input id="input1" type="text" data-expectedlabel="input label" data-testname="html: label[for] with display: none for input[text]" class="ex"><br>
<label for="input2" style="visibility: hidden;">input label</label><input id="input2" type="text" data-expectedlabel="input label" data-testname="html: label[for] with visibility: hidden for input[text]" class="ex"><br>
<label for="input3" style="visibility: collapse;">input label</label><input id="input3" type="text" data-expectedlabel="input label" data-testname="html: label[for] with visibility: collapse for input[text]" class="ex"><br>
<label for="input4" aria-hidden="true">input label</label><input id="input4" type="text" data-expectedlabel="input label" data-testname="html: label[for] with aria-hidden=true for input[text]" class="ex"><br>
<label for="input5" hidden>input label</label><input id="input5" type="text" data-expectedlabel="input label" data-testname="html: label[for] with hidden attribute for input[text]" class="ex"><br>

<label for="input6" style="display: none;">input label</label><input id="input6" type="checkbox" data-expectedlabel="input label" data-testname="html: label[for] with display: none for input[checkbox]" class="ex"><br>
<label for="input7" style="visibility: hidden;">input label</label><input id="input7" type="checkbox" data-expectedlabel="input label" data-testname="html: label[for] with visibility: hidden for input[checkbox]" class="ex"><br>
<label for="input8" style="visibility: collapse;">input label</label><input id="input8" type="checkbox" data-expectedlabel="input label" data-testname="html: label[for] with visibility: collapse for input[checkbox]" class="ex"><br>
<label for="input9" aria-hidden="true">input label</label><input id="input9" type="checkbox" data-expectedlabel="input label" data-testname="html: label[for] with aria-hidden=true for input[checkbox]" class="ex"><br>
<label for="input10" hidden>input label</label><input id="input10" type="checkbox" data-expectedlabel="input label" data-testname="html: label[for] with hidden attribute for input[checkbox]" class="ex"><br>

<label for="input11" style="display: none;">input label</label><input id="input11" type="password" data-expectedlabel="input label" data-testname="html: label[for] with display: none for input[password]" class="ex"><br>
<label for="input12" style="visibility: hidden;">input label</label><input id="input12" type="password" data-expectedlabel="input label" data-testname="html: label[for] with visibility: hidden for input[password]" class="ex"><br>
<label for="input13" style="visibility: collapse;">input label</label><input id="input13" type="password" data-expectedlabel="input label" data-testname="html: label[for] with visibility: collapse for input[password]" class="ex"><br>
<label for="input14" aria-hidden="true">input label</label><input id="input14" type="password" data-expectedlabel="input label" data-testname="html: label[for] with aria-hidden=true for input[password]" class="ex"><br>
<label for="input15" hidden>input label</label><input id="input15" type="password" data-expectedlabel="input label" data-testname="html: label[for] with hidden attribute for input[password]" class="ex"><br>

<label for="input16" style="display: none;">input label</label><input id="input16" type="number" data-expectedlabel="input label" data-testname="html: label[for] with display: none for input[number]" class="ex"><br>
<label for="input17" style="visibility: hidden;">input label</label><input id="input17" type="number" data-expectedlabel="input label" data-testname="html: label[for] with visibility: hidden for input[number]" class="ex"><br>
<label for="input18" style="visibility: collapse;">input label</label><input id="input18" type="number" data-expectedlabel="input label" data-testname="html: label[for] with visibility: collapse for input[number]" class="ex"><br>
<label for="input19" aria-hidden="true">input label</label><input id="input19" type="number" data-expectedlabel="input label" data-testname="html: label[for] with aria-hidden=true for input[number]" class="ex"><br>
<label for="input20" hidden>input label</label><input id="input20" type="number" data-expectedlabel="input label" data-testname="html: label[for] with hidden attribute for input[number]" class="ex"><br>

<label for="input21" style="display: none;">input label</label><input id="input21" type="range" data-expectedlabel="input label" data-testname="html: label[for] with display: none for input[range]" class="ex"><br>
<label for="input22" style="visibility: hidden;">input label</label><input id="input22" type="range" data-expectedlabel="input label" data-testname="html: label[for] with visibility: hidden for input[range]" class="ex"><br>
<label for="input23" style="visibility: collapse;">input label</label><input id="input23" type="range" data-expectedlabel="input label" data-testname="html: label[for] with visibility: collapse for input[range]" class="ex"><br>
<label for="input24" aria-hidden="true">input label</label><input id="input24" type="range" data-expectedlabel="input label" data-testname="html: label[for] with aria-hidden=true for input[range]" class="ex"><br>
<label for="input25" hidden>input label</label><input id="input25" type="range" data-expectedlabel="input label" data-testname="html: label[for] with hidden attribute for input[range]" class="ex"><br>

<label for="input26" style="display: none;">input label</label><input id="input26" type="button" value="button" data-expectedlabel="input label" data-testname="html: label[for] with display: none for input[button]" class="ex"><br>
<label for="input27" style="visibility: hidden;">input label</label><input id="input27" type="button" value="button" data-expectedlabel="input label" data-testname="html: label[for] with visibility: hidden for input[button]" class="ex"><br>
<label for="input28" style="visibility: collapse;">input label</label><input id="input28" type="button" value="button" data-expectedlabel="input label" data-testname="html: label[for] with visibility: collapse for input[button]" class="ex"><br>
<label for="input29" aria-hidden="true">input label</label><input id="input29" type="button" value="button" data-expectedlabel="input label" data-testname="html: label[for] with aria-hidden=true for input[button]" class="ex"><br>
<label for="input30" hidden>input label</label><input id="input30" type="button" value="button" data-expectedlabel="input label" data-testname="html: label[for] with hidden attribute for input[button]" class="ex"><br>

<h2>HTML input label encapsulation</h2>
<!-- above: input[type=button] -->
Expand Down Expand Up @@ -88,6 +124,42 @@ <h2>HTML textarea</h2>
<label for="ta">textarea label<textarea data-expectedlabel="textarea label" data-testname="html: textarea encapsulation" class="ex"></textarea></label><br>
-->

<h2>HTML input with encapsulated hidden label</h2>
<label style="display: none;"><input type="text" data-expectedlabel="label" data-testname="hidden html: label has display: none with input[type=text] encapsulation" class="ex">label</label><br>
<label style="visibility: hidden;"><input type="text" data-expectedlabel="label" data-testname="hidden html: label has visibility: hidden with input[type=text] encapsulation" class="ex">label</label><br>
<label style="visibility: collapse;"><input type="text" data-expectedlabel="label" data-testname="hidden html: label has visibility: collapse with input[type=text] encapsulation" class="ex">label</label><br>
<label aria-hidden="true"><input type="text" data-expectedlabel="label" data-testname="hidden html: label has aria-hidden=true with input[type=text] encapsulation" class="ex">label</label><br>
<label hidden><input type="text" data-expectedlabel="label" data-testname="hidden html: label has hidden attribute with input[type=text] encapsulation" class="ex">label</label><br>

<label style="display: none;"><input type="checkbox" data-expectedlabel="label" data-testname="hidden html: label has display: none with input[type=checkbox] encapsulation" class="ex">label</label><br>
<label style="visibility: hidden;"><input type="checkbox" data-expectedlabel="label" data-testname="hidden html: label has visibility: hidden with input[type=checkbox] encapsulation" class="ex">label</label><br>
<label style="visibility: collapse;"><input type="checkbox" data-expectedlabel="label" data-testname="hidden html: label has visibility: collapse with input[type=checkbox] encapsulation" class="ex">label</label><br>
<label aria-hidden="true"><input type="checkbox" data-expectedlabel="label" data-testname="hidden html: label has aria-hidden=true with input[type=checkbox] encapsulation" class="ex">label</label><br>
<label hidden><input type="checkbox" data-expectedlabel="label" data-testname="hidden html: label has hidden attribute with input[type=checkbox] encapsulation" class="ex">label</label><br>

<label style="display: none;"><input type="password" data-expectedlabel="label" data-testname="hidden html: label has display: none with input[type=password] encapsulation" class="ex">label</label><br>
<label style="visibility: hidden;"><input type="password" data-expectedlabel="label" data-testname="hidden html: label has visibility: hidden with input[type=password] encapsulation" class="ex">label</label><br>
<label style="visibility: collapse;"><input type="password" data-expectedlabel="label" data-testname="hidden html: label has visibility: collapse with input[type=password] encapsulation" class="ex">label</label><br>
<label aria-hidden="true"><input type="password" data-expectedlabel="label" data-testname="hidden html: label has aria-hidden=true with input[type=password]] encapsulation" class="ex">label</label><br>
<label hidden><input type="password" data-expectedlabel="label" data-testname="hidden html: label has hidden attribute with input[type=[password]] encapsulation" class="ex">label</label><br>

<label style="display: none;"><input type="number" data-expectedlabel="label" data-testname="hidden html: label has display: none with input[type=number] encapsulation" class="ex">label</label><br>
<label style="visibility: hidden;"><input type="number" data-expectedlabel="label" data-testname="hidden html: label has visibility: hidden with input[type=number] encapsulation" class="ex">label</label><br>
<label style="visibility: collapse;"><input type="number" data-expectedlabel="label" data-testname="hidden html: label has visibility: collapse with input[type=number] encapsulation" class="ex">label</label><br>
<label aria-hidden="true"><input type="number" data-expectedlabel="label" data-testname="hidden html: label has aria-hidden=true with input[type=number] encapsulation" class="ex">label</label><br>
<label hidden><input type="number" data-expectedlabel="label" data-testname="hidden html: label has hidden attribute with input[type=number] encapsulation" class="ex">label</label><br>

<label style="display: none;"><input type="range" data-expectedlabel="label" data-testname="hidden html: label has display: none with input[type=range] encapsulation" class="ex">label</label><br>
<label style="visibility: hidden;"><input type="range" data-expectedlabel="label" data-testname="hidden html: label has visibility: hidden with input[type=range] encapsulation" class="ex">label</label><br>
<label style="visibility: collapse;"><input type="range" data-expectedlabel="label" data-testname="hidden html: label has visibility: collapse with input[type=range] encapsulation" class="ex">label</label><br>
<label aria-hidden="true"><input type="range" data-expectedlabel="label" data-testname="hidden html: label has aria-hidden=true with input[type=range] encapsulation" class="ex">label</label><br>
<label hidden><input type="range" data-expectedlabel="label" data-testname="hidden html: label has hidden attribute with input[type=range] encapsulation" class="ex">label</label><br>

<label style="display: none;"><input type="button" value="button" data-expectedlabel="label" data-testname="hidden html: label has display: none with input[type=button] encapsulation" class="ex">label</label><br>
<label style="visibility: hidden;"><input type="button" value="button" data-expectedlabel="label" data-testname="hidden html: label has visibility: hidden with input[type=button] encapsulation" class="ex">label</label><br>
<label style="visibility: collapse;"><input type="button" value="button" data-expectedlabel="label" data-testname="hidden html: label has visibility: collapse with input[type=button] encapsulation" class="ex">label</label><br>
<label aria-hidden="true"><input type="button" value="button" data-expectedlabel="label" data-testname="hidden html: label has aria-hidden=true with input[type=button] encapsulation" class="ex">label</label><br>
<label hidden><input type="button" value="button" data-expectedlabel="label" data-testname="hidden html: label has hidden attribute with input[type=button] encapsulation" class="ex">label</label><br>

<h2>HTML select</h2>
<!-- todo: select for/id -->
Expand Down