table-roles.html (1612B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>HTML-AAM Role Verification Tests</title> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="/resources/testdriver.js"></script> 8 <script src="/resources/testdriver-vendor.js"></script> 9 <script src="/resources/testdriver-actions.js"></script> 10 <script src="/wai-aria/scripts/aria-utils.js"></script> 11 </head> 12 <body> 13 14 <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> 15 16 <!-- ARIA table roles tested in wpt/wai-aria/role/table-roles.html --> 17 18 <table data-testname="el-table" data-expectedrole="table" class="ex"> 19 <caption data-testname="el-caption" data-expectedrole="caption" class="ex">caption</caption> 20 <thead> 21 <tr data-testname="el-tr-thead" data-expectedrole="row" class="ex"> 22 <th data-testname="el-th" data-expectedrole="columnheader" class="ex">a</th> 23 <th>b</th> 24 <th>c</th> 25 </tr> 26 </thead> 27 <tbody> 28 <tr data-testname="el-tr-tbody" data-expectedrole="row" class="ex"> 29 <th data-testname="el-th-in-row" data-expectedrole="rowheader" class="ex">1</th> 30 <td data-testname="el-td" data-expectedrole="cell" class="ex">2</td> 31 <td>3</td> 32 </tr> 33 <tr> 34 <th>4</th> 35 <td>5</td> 36 <td>6</td> 37 </tr> 38 </tbody> 39 <tfoot> 40 <tr> 41 <th>x</th> 42 <th>y</th> 43 <th>z</th> 44 </tr> 45 </tfoot> 46 </table> 47 48 <script> 49 AriaUtils.verifyRolesBySelector(".ex"); 50 </script> 51 52 </body> 53 </html>