mirror of
https://github.com/microsoft/playwright.git
synced 2024-12-15 06:02:57 +03:00
dea6528c0c
This includes aria role and accessible name computation. Accessible name is covered by wpt tests.
92 lines
2.5 KiB
HTML
92 lines
2.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Name from content</title>
|
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
|
|
<link rel="stylesheet" href="/wai-aria/scripts/manual.css">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/wai-aria/scripts/ATTAcomm.js"></script>
|
|
<script>
|
|
setup({explicit_timeout: true, explicit_done: true });
|
|
|
|
var theTest = new ATTAcomm(
|
|
{
|
|
"steps" : [
|
|
{
|
|
"element" : "test",
|
|
"test" : {
|
|
"ATK" : [
|
|
[
|
|
"property",
|
|
"name",
|
|
"is",
|
|
"My name is Eli the weird. (QED) Where are my marbles?"
|
|
]
|
|
],
|
|
"AXAPI" : [
|
|
[
|
|
"property",
|
|
"AXDescription",
|
|
"is",
|
|
"My name is Eli the weird. (QED) Where are my marbles?"
|
|
]
|
|
],
|
|
"IAccessible2" : [
|
|
[
|
|
"property",
|
|
"accName",
|
|
"is",
|
|
"My name is Eli the weird. (QED) Where are my marbles?"
|
|
]
|
|
],
|
|
"UIA" : [
|
|
[
|
|
"property",
|
|
"Name",
|
|
"is",
|
|
"My name is Eli the weird. (QED) Where are my marbles?"
|
|
]
|
|
]
|
|
},
|
|
"title" : "step 1",
|
|
"type" : "test"
|
|
}
|
|
],
|
|
"title" : "Name from content"
|
|
}
|
|
|
|
) ;
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<p>This test examines the ARIA properties for Name from content.</p>
|
|
<style>
|
|
.hidden { display: none; }
|
|
</style>
|
|
<div id="test" role="link" tabindex="0">
|
|
<span aria-hidden="true"><i> Hello, </i></span>
|
|
<span>My</span> name is
|
|
<div><img src="file.jpg" title="Bryan" alt="" role="presentation" /></div>
|
|
<span role="presentation" aria-label="Eli">
|
|
<span aria-label="Garaventa">Zambino</span>
|
|
</span>
|
|
<span>the weird.</span>
|
|
(QED)
|
|
<span class="hidden"><i><b>and don't you forget it.</b></i></span>
|
|
<table>
|
|
<tr>
|
|
<td>Where</td>
|
|
<td style="visibility:hidden;"><div>in</div></td>
|
|
<td><div style="display:none;">the world</div></td>
|
|
<td>are my marbles?</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div id="manualMode"></div>
|
|
<div id="log"></div>
|
|
<div id="ATTAmessages"></div>
|
|
</body>
|
|
</html>
|