mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-10-26 18:09:45 +00:00
This change aligns the default roles for “th” and “td” elements with the requirements in the HTML-AAM spec, and with the corresponding WPT tests at https://wpt.fyi/results/html-aam/table-roles.html, and with the behavior in other engines. Otherwise, without this change, the default role values for “th” and “td” elements in some cases don’t match the behavior in other engines, and don’t match the expected results for the corresponding WPT tests.
53 lines
No EOL
1.6 KiB
HTML
53 lines
No EOL
1.6 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>HTML-AAM Role Verification Tests</title>
|
|
<script src="../resources/testharness.js"></script>
|
|
<script src="../resources/testharnessreport.js"></script>
|
|
<script src="../resources/testdriver.js"></script>
|
|
<script src="../resources/testdriver-vendor.js"></script>
|
|
<script src="../resources/testdriver-actions.js"></script>
|
|
<script src="../wai-aria/scripts/aria-utils.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<p>Tests the computedrole mappings for the table-related roles defined in <a href="https://w3c.github.io/html-aam/">HTML-AAM</a>. Most test names correspond to unique ID defined in the spec.<p>
|
|
|
|
<!-- ARIA table roles tested in wpt/wai-aria/role/table-roles.html -->
|
|
|
|
<table data-testname="el-table" data-expectedrole="table" class="ex">
|
|
<caption data-testname="el-caption" data-expectedrole="caption" class="ex">caption</caption>
|
|
<thead>
|
|
<tr data-testname="el-tr-thead" data-expectedrole="row" class="ex">
|
|
<th data-testname="el-th" data-expectedrole="columnheader" class="ex">a</th>
|
|
<th>b</th>
|
|
<th>c</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr data-testname="el-tr-tbody" data-expectedrole="row" class="ex">
|
|
<th data-testname="el-th-in-row" data-expectedrole="rowheader" class="ex">1</th>
|
|
<td data-testname="el-td" data-expectedrole="cell" class="ex">2</td>
|
|
<td>3</td>
|
|
</tr>
|
|
<tr>
|
|
<th>4</th>
|
|
<td>5</td>
|
|
<td>6</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th>x</th>
|
|
<th>y</th>
|
|
<th>z</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
|
|
<script>
|
|
AriaUtils.verifyRolesBySelector(".ex");
|
|
</script>
|
|
|
|
</body>
|
|
</html> |