Add name from content tests for CSS text-transform:full-size-kana (#4…

…7535)
web-platform-tests · Aug 13, 2024 · 84ec565 · 84ec565
1 parent 616e2d2
commit 84ec565
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/accname/name/comp_name_from_content.html b/accname/name/comp_name_from_content.html
@@ -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>

diff --git a/accname/name/comp_name_from_content.tentative.html b/accname/name/comp_name_from_content.tentative.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html>
+<html lang="en">
 <head>
   <title>Name Comp: Name From Content (Tentative)</title>
   <meta charset="utf-8">
@@ -37,6 +37,14 @@ <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>
+
 <script>
 AriaUtils.verifyLabelsBySelector(".ex");
 </script>