test_struct_ariatreegrid.html (2114B)
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <title>Table accessible tree and table interface tests for ARIA tree grid</title> 6 <link rel="stylesheet" type="text/css" 7 href="chrome://mochikit/content/tests/SimpleTest/test.css" /> 8 9 <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> 10 11 <script type="application/javascript" 12 src="../common.js"></script> 13 <script type="application/javascript" 14 src="../role.js"></script> 15 <script type="application/javascript" 16 src="../table.js"></script> 17 18 <script type="application/javascript"> 19 function doTest() { 20 // //////////////////////////////////////////////////////////////////////// 21 // HTML based ARIA tree grid 22 23 var cellsArray = [ 24 [kColHeaderCell, kColHeaderCell, kColHeaderCell], 25 [kDataCell, kDataCell, kDataCell], 26 [kDataCell, kDataCell, kDataCell], 27 ]; 28 29 testTableStruct("treegrid", cellsArray, kNoColumnHeader, "", "", 30 kTreeTable); 31 32 SimpleTest.finish(); 33 } 34 35 SimpleTest.waitForExplicitFinish(); 36 addA11yLoadEvent(doTest); 37 </script> 38 </head> 39 40 <body> 41 <a target="_blank" 42 title="ARIA treegrid role on HTML:table makes thead/tbody accessible" 43 href="https://bugzilla.mozilla.org/show_bug.cgi?id=491683">Mozilla Bug 516133</a> 44 45 <p id="display"></p> 46 <div id="content" style="display: none"></div> 47 <pre id="test"> 48 </pre> 49 50 <table role="treegrid" id="treegrid" 51 border="1" cellpadding="10" cellspacing="0"> 52 <thead> 53 <tr role="row"> 54 <th role="columnheader">subject</td> 55 <th role="columnheader">sender</th> 56 <th role="columnheader">date</th> 57 </tr> 58 </thead> 59 <tbody> 60 <tr role="row"> 61 <td role="gridcell">about everything</td> 62 <td role="gridcell">president</td> 63 <td role="gridcell">today</td> 64 </tr> 65 <tr role="row"> 66 <td role="gridcell">new bugs</td> 67 <td role="gridcell">mozilla team</td> 68 <td role="gridcell">today</td> 69 </tr> 70 </tbody> 71 </table> 72 73 </body> 74 </html>