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

Add name from content tests for CSS text-transform:full-size-kana #47535

Merged
merged 11 commits into from
Aug 13, 2024
Merged

Add name from content tests for CSS text-transform:full-size-kana #47535

Show file tree
Hide file tree
Changes from 10 commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
b29b934
remove obsolete comment
adampage Aug 9, 2024
ff940ac
initial full-size-kana tests
adampage Aug 9, 2024
148aded
expand subtests from individual words to sentences, test ruby accname…
adampage Aug 12, 2024
11fc537
fix typos
adampage Aug 12, 2024
cc55730
clarify comments
adampage Aug 13, 2024
4d5410b
comment out ruby subtest
adampage Aug 13, 2024
85d14be
Update accname/name/comp_name_from_content.tentative.html
adampage Aug 13, 2024
f576937
Update accname/name/comp_name_from_content.tentative.html
adampage Aug 13, 2024
d11cef1
Update accname/name/comp_name_from_content.tentative.html
adampage Aug 13, 2024
105fa5b
add subtest heading and clarify comments
adampage Aug 13, 2024
9d4909d
remove second subtest
adampage Aug 13, 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
6 changes: 0 additions & 6 deletions accname/name/comp_name_from_content.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -254,12 +254,6 @@ <h3 data-expectedlabel="one two three" data-testname="heading name from content
<a href="#" data-expectedlabel="one two three" data-testname="link name from content for each child (no space, display:inline-block)" class="ex iblock"><span>one</span><span>two</span><span>three</span></a><br>
<br>


<!-- TODO: Add clarification to the Name from Content section of accname. -->
<!-- If an element’s text node is transformed with CSS text-transform, -->
<!-- what should be exposed to the a11y tree? The original text or the -->
<!-- transformed text? These tests assume the *original* text. -->

<h1 data-expectedlabel="Call us" data-testname="heading name from content with text-transform:none" class="ex" style="text-transform:none;">Call us</h1>
<h1 data-expectedlabel="CALL US" data-testname="heading name from content with text-transform:uppercase" class="ex" style="text-transform:uppercase;">Call us</h1>
<h1 data-expectedlabel="Call Us" data-testname="heading name from content with text-transform:capitalize" class="ex" style="text-transform:capitalize;">Call us</h1>
Expand Down
17 changes: 16 additions & 1 deletion accname/name/comp_name_from_content.tentative.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!doctype html>
<html>
<html lang="en">
<head>
<title>Name Comp: Name From Content (Tentative)</title>
<meta charset="utf-8">
Expand Down Expand Up @@ -37,6 +37,21 @@ <h3 data-expectedlabel="image link" data-testname="heading with link referencing
<img id="nested_image_label4" alt="image" aria-labelledby="nested_image_label4 crossref_link2" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</h3>


<!-- “びょういんのかんじゃサービス” means “Hospital patient services” -->
<!-- text-transform:full-size-kana visually changes: -->
<!-- 1. びょういん (byōin = hospital) into びよういん (biyōin = beauty parlor) -->
<!-- 2. かんじゃ (kanja = patient) into かんじや (kanjiya = [no meaning]) -->
<!-- ...causing the whole heading to become nonsensical. -->
<h1>heading which visually transforms <span lang="ja">びょういん</span> (hospital) to <span lang="ja">びよういん</span> (beauty parlor) using CSS <code>text-transform:full-size-kana</code></h1>
<h3 lang="ja" data-expectedlabel="びょういんのかんじゃサービス" data-testname="heading name from content with text-transform:full-size-kana" class="ex" style="text-transform:full-size-kana;">びょういんのかんじゃサービス</h3>

<!-- text-transform:full-size-kana visually changes -->
<!-- りゅう (ryū = dragon) into りゆう (riyuu = reason) -->
<!-- but the computed accessibility label should retain the original meaning. -->
<h1>button which visually transforms <span lang="ja">りゅう</span> (dragon) to <span lang="ja">りゆう</span> (reason) using CSS <code>text-transform:full-size-kana</code></h1>
<button lang="ja" data-expectedlabel="りゅう" data-testname="button with text-transform: full-size-kana on contents" class="ex" style="text-transform: full-size-kana;">りゅう</button>

<script>
AriaUtils.verifyLabelsBySelector(".ex");
</script>
Expand Down