diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
| commit | 43a97878ce14b72f0981164f87f2e35e14151312 (patch) | |
| tree | 620249daf56c0258faa40cbdcf9cfba06de2a846 /testing/web-platform/tests/css/css-speech | |
| parent | Initial commit. (diff) | |
| download | firefox-43a97878ce14b72f0981164f87f2e35e14151312.tar.xz firefox-43a97878ce14b72f0981164f87f2e35e14151312.zip | |
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-speech')
12 files changed, 326 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-speech/META.yml b/testing/web-platform/tests/css/css-speech/META.yml new file mode 100644 index 0000000000..3b5bead823 --- /dev/null +++ b/testing/web-platform/tests/css/css-speech/META.yml @@ -0,0 +1,3 @@ +spec: https://drafts.csswg.org/css-speech/ +suggested_reviewers: + - musingvirtual diff --git a/testing/web-platform/tests/css/css-speech/age-declarations-001.html b/testing/web-platform/tests/css/css-speech/age-declarations-001.html new file mode 100644 index 0000000000..a1437d8a22 --- /dev/null +++ b/testing/web-platform/tests/css/css-speech/age-declarations-001.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Test: voice-family age keywords</title> + <link rel="author" title="John Foliot" href="mailto:john@foliot.ca"> + <link rel="author" title="Katherine Mancuso" href="mailto:kmancuso@gmail.com"> + <link rel="author" title="Ryan Eilders" href="mailto:ryaneilders@gmail.com"> + <link rel="help" href="http://www.w3.org/TR/css3-speech/#voice-props-voice-family"> + <meta name="flags" content="speech"> + <meta name="assert" content="The child, young, and old values of voice-family render the text in child, young, and old voices, respectively."> + + + <style> + p.child { voice-family: child; } + p.young { voice-family: young; } + p.old { voice-family: old; } + + </style> + +</head> +<body> + + <p class="child">This sentence should be read in a child's voice.</p> + <p class="young">This sentence should be read in a young voice.</p> + <p class="old">This sentence should be read in a old voice.</p> + +</body> +</html> diff --git a/testing/web-platform/tests/css/css-speech/age-declarations-female-001.html b/testing/web-platform/tests/css/css-speech/age-declarations-female-001.html new file mode 100644 index 0000000000..58dfd0e5cd --- /dev/null +++ b/testing/web-platform/tests/css/css-speech/age-declarations-female-001.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Test: voice-family age keywords + femal</title> + <link rel="author" title="John Foliot" href="mailto:john@foliot.ca"> + <link rel="author" title="Katherine Mancuso" href="mailto:kmancuso@gmail.com"> + <link rel="author" title="Ryan Eilders" href="mailto:ryaneilders@gmail.com"> + <link rel="help" href="http://www.w3.org/TR/css3-speech/#voice-props-voice-family"> + <meta name="flags" content="speech"> + <meta name="assert" content="The child, young, and old values of voice-family +femal render the text in child, young, and old female voices, respectively."> + + + <style> + p.child_f { voice-family: child female; } + p.young_f { voice-family: young female; } + p.old_f { voice-family: old female; } + + </style> + +</head> +<body> + + <p class="child_f">This sentence should be read in a child's female voice.</p> + <p class="young_f">This sentence should be read in a young female voice.</p> + <p class="old_f">This sentence should be read in a old female voice.</p> + +</body> +</html> diff --git a/testing/web-platform/tests/css/css-speech/age-declarations-male-001.html b/testing/web-platform/tests/css/css-speech/age-declarations-male-001.html new file mode 100644 index 0000000000..8228470268 --- /dev/null +++ b/testing/web-platform/tests/css/css-speech/age-declarations-male-001.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Test: voice-family age keywords + male</title> + <link rel="author" title="John Foliot" href="mailto:john@foliot.ca"> + <link rel="author" title="Katherine Mancuso" href="mailto:kmancuso@gmail.com"> + <link rel="author" title="Ryan Eilders" href="mailto:ryaneilders@gmail.com"> + <link rel="help" href="http://www.w3.org/TR/css3-speech/#voice-props-voice-family"> + <meta name="flags" content="speech"> + <meta name="assert" content="The child, young, and old values of voice-family +male render the text in child, young, and old male voices, respectively."> + + + <style> + p.child_m { voice-family: child male; } + p.young_m { voice-family: young male; } + p.old_m { voice-family: old male; } + + </style> + +</head> +<body> + + <p class="child_m">This sentence should be read in a child's male voice.</p> + <p class="young_m">This sentence should be read in a young male voice.</p> + <p class="old_m">This sentence should be read in a old male voice.</p> + +</body> +</html> diff --git a/testing/web-platform/tests/css/css-speech/age-declarations-neutral-001.html b/testing/web-platform/tests/css/css-speech/age-declarations-neutral-001.html new file mode 100644 index 0000000000..36bf6298c3 --- /dev/null +++ b/testing/web-platform/tests/css/css-speech/age-declarations-neutral-001.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Test: voice-family age keywords + neutral</title> + <link rel="author" title="John Foliot" href="mailto:john@foliot.ca"> + <link rel="author" title="Katherine Mancuso" href="mailto:kmancuso@gmail.com"> + <link rel="author" title="Ryan Eilders" href="mailto:ryaneilders@gmail.com"> + <link rel="help" href="http://www.w3.org/TR/css3-speech/#voice-props-voice-family"> + <meta name="flags" content="speech"> + <meta name="assert" content="The child, young, and old values of voice-family + neutral render the text in child, young, and old neutral voices, respectively."> + + + <style> + p.child_n { voice-family: child neutral; } + p.young_n { voice-family: young neutral; } + p.old_n { voice-family: old neutral; } + + </style> + +</head> +<body> + + <p class="child_n">This sentence should be read in a child's neutral voice.</p> + <p class="young_n">This sentence should be read in a young neutral voice.</p> + <p class="old_n">This sentence should be read in a old neutral voice.</p> + +</body> +</html> diff --git a/testing/web-platform/tests/css/css-speech/generic-gender-declarations-001.html b/testing/web-platform/tests/css/css-speech/generic-gender-declarations-001.html new file mode 100644 index 0000000000..49de2a9936 --- /dev/null +++ b/testing/web-platform/tests/css/css-speech/generic-gender-declarations-001.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Test: voice-family generic gender keywords</title> + <link rel="author" title="John Foliot" href="mailto:john@foliot.ca"> + <link rel="help" href="http://www.w3.org/TR/css3-speech/#voice-props-voice-family"> + <meta name="flags" content="speech"> + <meta name="assert" content="The male, female, and neutral values of voice-family render the text in male, female, and neutral voices, respectively."> + + + <style> + p.male { voice-family: male; } + p.female { voice-family: female; } + p.neutral { voice-family: neutral; } + </style> + +</head> +<body> + + <p class="male">This sentence should be read in a male voice.</p> + <p class="female">This sentence should be read in a female voice.</p> + <p class="neutral">This sentence should be read in a "neutral" voice.</p> + +</body> +</html> diff --git a/testing/web-platform/tests/css/css-speech/no-voice-family-specified-001.html b/testing/web-platform/tests/css/css-speech/no-voice-family-specified-001.html new file mode 100644 index 0000000000..e59367af63 --- /dev/null +++ b/testing/web-platform/tests/css/css-speech/no-voice-family-specified-001.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Test: voice-family not specified</title> + <link rel="author" title="John Foliot" href="mailto:john@foliot.ca"> + <link rel="help" href="http://www.w3.org/TR/css3-speech/#voice-props-voice-family"> + <meta name="flags" content="speech"> + <meta name="assert" content="If no voice-family is specified, the user's preferred voice is used." > + +</head> +<body> + + <p>This sentence should be read in the user's preferred voice.</p> + +</body> +</html> diff --git a/testing/web-platform/tests/css/css-speech/speak-as/speak-as-digits-001-manual.html b/testing/web-platform/tests/css/css-speech/speak-as/speak-as-digits-001-manual.html new file mode 100644 index 0000000000..afbc0c94a1 --- /dev/null +++ b/testing/web-platform/tests/css/css-speech/speak-as/speak-as-digits-001-manual.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html> + <head> + <title>CSS Test: speak-as digits</title> + <link rel="author" title="Alexander Lehner" href="mailto:alexlehner86@gmail.com"> + <link rel="help" href="https://www.w3.org/TR/css-speech-1/#speaking-props-speak-as"> + <meta + name="flags" + content="speech" + > + <meta + name="assert" + content="The digits value of speak-as makes screen readers read a number one digit at a time." + > + <style> + p.speak-as-digits { speak-as: digits; } + </style> + </head> + <body> + <h1>Test Case</h1> + <p> + The following telephone number should be read one digit at a time: + </p> + <p class="speak-as-digits">01 55 40 3005</p> + <h2>Instructions for Manual Test</h2> + <ol> + <li>Open the website in your browser.</li> + <li> + Activate your screen reader (NVDA, VoiceOver, TalkBack etc.) and, in browse mode, navigate to the paragraph following the first heading. + </li> + <li> + The screen reader should read the telephone number one digit at a time: zero one five five four zero three zero zero five + </li> + </ol> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-speech/speak-as/speak-as-digits-002-manual.html b/testing/web-platform/tests/css/css-speech/speak-as/speak-as-digits-002-manual.html new file mode 100644 index 0000000000..84ac15687c --- /dev/null +++ b/testing/web-platform/tests/css/css-speech/speak-as/speak-as-digits-002-manual.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html> + <head> + <title>CSS Test: speak-as digits</title> + <link rel="author" title="Alexander Lehner" href="mailto:alexlehner86@gmail.com"> + <link rel="help" href="https://www.w3.org/TR/css-speech-1/#speaking-props-speak-as"> + <meta + name="flags" + content="speech" + > + <meta + name="assert" + content="The digits value of speak-as makes screen readers read a number one digit at a time." + > + <style> + p.speak-as-digits { speak-as: digits; } + </style> + </head> + <body> + <h1>Test Case</h1> + <p> + The following bank account number (IBAN) should be read one digit at a time: + </p> + <p class="speak-as-digits">AT20 4200 2950 9100 8000</p> + <h2>Instructions for Manual Test</h2> + <ol> + <li>Open the website in your browser.</li> + <li> + Activate your screen reader (NVDA, VoiceOver, TalkBack etc.) and, in browse mode, navigate to the paragraph following the first heading. + </li> + <li> + The screen reader should read the bank account number one digit at a time: two zero four two zero zero two nine five zero nine one zero zero eight zero zero zero + </li> + </ol> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-speech/speak-as/speak-as-literal-punctuation-001-manual.html b/testing/web-platform/tests/css/css-speech/speak-as/speak-as-literal-punctuation-001-manual.html new file mode 100644 index 0000000000..8d67b9ba30 --- /dev/null +++ b/testing/web-platform/tests/css/css-speech/speak-as/speak-as-literal-punctuation-001-manual.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html> + <head> + <title>CSS Test: speak-as literal-punctuation</title> + <link rel="author" title="Alexander Lehner" href="mailto:alexlehner86@gmail.com"> + <link rel="help" href="https://www.w3.org/TR/css-speech-1/#speaking-props-speak-as"> + <meta + name="flags" + content="speech" + > + <meta + name="assert" + content="The literal-punctuation value of speak-as makes screen readers announce punctuation." + > + <style> + p.speak-as-literal-punctuation { speak-as: literal-punctuation; } + </style> + </head> + <body> + <h1>Test Case</h1> + <p> + The punctuation in the following text should be announced by screen readers: + </p> + <p class="speak-as-literal-punctuation">class MyClass { myProperty = 1; }</p> + <h2>Instructions for Manual Test</h2> + <ol> + <li>Open the website in your browser.</li> + <li> + Activate your screen reader (NVDA, VoiceOver, TalkBack etc.). + </li> + <li> + Set verbosity preferences of the screen reader to default setting, which ignores most punctuation (e.g. comma, period, parentheses). + </li> + <li>In the screen reader's browse mode, navigate to the paragraph following the first heading.</li> + <li> + The screen reader should still announce all punctuation (parentheses, semicolon etc.) in the paragraph. + </li> + </ol> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-speech/speak-as/speak-as-spell-out-001-manual.html b/testing/web-platform/tests/css/css-speech/speak-as/speak-as-spell-out-001-manual.html new file mode 100644 index 0000000000..5643350e41 --- /dev/null +++ b/testing/web-platform/tests/css/css-speech/speak-as/speak-as-spell-out-001-manual.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html> + <head> + <title>CSS Test: speak-as spell-out</title> + <link rel="author" title="Alexander Lehner" href="mailto:alexlehner86@gmail.com"> + <link rel="help" href="https://www.w3.org/TR/css-speech-1/#speaking-props-speak-as"> + <meta + name="flags" + content="speech" + > + <meta + name="assert" + content="The spell-out value of speak-as makes screen readers spell each single letter." + > + <style> + p.speak-as-spell-out { speak-as: spell-out; } + </style> + </head> + <body> + <h1>Test Case</h1> + <p> + The following abbreviation should be read one letter at a time: + </p> + <p class="speak-as-spell-out">way</p> + <h2>Instructions for Manual Test</h2> + <ol> + <li>Open the website in your browser.</li> + <li> + Activate your screen reader (NVDA, VoiceOver, TalkBack etc.) and, in browse mode, navigate to the paragraph following the first heading. + </li> + <li> + The screen reader should spell the abbreviation "way" as W, A, Y. + </li> + </ol> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-speech/voice-family-integer.html b/testing/web-platform/tests/css/css-speech/voice-family-integer.html new file mode 100644 index 0000000000..40d7bf55b4 --- /dev/null +++ b/testing/web-platform/tests/css/css-speech/voice-family-integer.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Speech: Integer Attribute</title> +<link rel="author" title="John Foliot" href="mailto:john@foliot.ca"> +<link rel="author" title="Katherine Mancuso" href="mailto:kmancuso@gmail.com"> +<link rel="author" title="Ryan Eilders" href="mailto:ryaneilders@gmail.com"> +<link rel="reviewer" title="Arron Eicholz" href="mailto:arronei@microsoft.com"> + <link rel="help" href="http://www.w3.org/TR/css3-speech/#voice-props-voice-family"> +<meta name="flags" content="speech"> + <meta name="assert" content="User has 2 female voices installed on the system"> + <style type="text/css"> + p.voice1 {voice-family: female 1;} + p.voice2 {voice-family: female 2;} +</style> + +<body> +<p style=voice1>This should be read in one female voice.</p> + +<p style=voice2>This should be read in a different female voice.</p> +</body> +</html> |