Quellcodebibliothek Statistik Leitseite products/Sources/formale Sprachen/C/Firefox/accessible/tests/mochitest/tree/   (Browser von der Mozilla Stiftung Version 136.0.1©)  Datei vom 10.2.2025 mit Größe 8 kB image not shown  

Quelle  test_aria_grid.html   Sprache: HTML

 
 products/Sources/formale Sprachen/C/Firefox/accessible/tests/mochitest/tree/test_aria_grid.html


<!DOCTYPE html>
<html>
<head>
  <title>HTML table tests</title>
  <link rel="stylesheet" type="text/css"
        href="chrome://mochikit/content/tests/SimpleTest/test.css" />

  <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>

  <script type="application/javascript"
          src="../common.js"></script>
  <script type="application/javascript"
          src="../role.js"></script>

  <script type="application/javascript">
    function doTest() {
      // ////////////////////////////////////////////////////////////////////////
      // grid having rowgroups

      var accTree =
        { GRID: [
          { ROWGROUP: [
            { ROW: [
              { GRID_CELL: [
                { TEXT_LEAF: [ ] },
              ] },
            ] },
          ] },
        ] };

      testAccessibleTree("grid", accTree);

      // ////////////////////////////////////////////////////////////////////////
      // strange grids (mix of ARIA and HTML tables)

      accTree = {
        role: ROLE_GRID,
        children: [
          { // div@role="row"
            role: ROLE_ROW,
            tagName: "DIV",
            children: [
              { // caption text leaf
                role: ROLE_TEXT_LEAF,
                name: "caption",
                children: [ ],
              },
              { // th generic accessible
                role: ROLE_TEXT_CONTAINER,
                children: [
                  { // th text leaf
                    role: ROLE_TEXT_LEAF,
                    name: "header1",
                    children: [ ],
                  },
                ],
              },
              { // td@role="columnheader"
                role: ROLE_COLUMNHEADER,
                name: "header2",
                children: [ { TEXT_LEAF: [ ] } ],
              },
            ],
          },
        ],
      };
      testAccessibleTree("strange_grid1", accTree);

      accTree = {
        role: ROLE_GRID,
        children: [
          { // tr@role="row"
            role: ROLE_ROW,
            tagName: "TR",
            children: [
              { // td implicit role="gridcell"
                role: ROLE_GRID_CELL,
                children: [
                  { // td text leaf
                    role: ROLE_TEXT_LEAF,
                    name: "cell1",
                    children: [ ],
                  },
                ],
              },
              { // td@role="gridcell"
                role: ROLE_GRID_CELL,
                name: "cell2",
                children: [ { TEXT_LEAF: [ ] } ],
              },
            ],
          },
        ],
      };
      testAccessibleTree("strange_grid2", accTree);

      accTree = {
        role: ROLE_GRID,
        children: [
          { // div@role="row"
            role: ROLE_ROW,
            children: [
              { // div@role="gridcell"
                role: ROLE_GRID_CELL,
                children: [
                  { // td generic accessible
                    role: ROLE_TEXT_CONTAINER,
                    children: [
                      { // text leaf from presentational table
                        role: ROLE_TEXT_LEAF,
                        name: "cell3",
                        children: [ ],
                      },
                    ],
                  },
                ],
              },
            ],
          },
        ],
      };
      testAccessibleTree("strange_grid3", accTree);

      accTree = {
        role: ROLE_GRID,
        children: [
          { // div@role="row"
            role: ROLE_ROW,
            children: [
              { // div@role="gridcell"
                role: ROLE_GRID_CELL,
                children: [
                  { // table
                    role: ROLE_TABLE,
                    children: [
                      { // tr
                        role: ROLE_ROW,
                        children: [
                          { // td
                            role: ROLE_CELL,
                            children: [
                              { // caption text leaf of presentational table
                                 role: ROLE_TEXT_LEAF,
                                 name: "caption",
                                 children: [ ],
                              },
                              { // td generic accessible
                                role: ROLE_TEXT_CONTAINER,
                                children: [
                                  { // td text leaf of presentational table
                                    role: ROLE_TEXT_LEAF,
                                    name: "cell4",
                                    children: [ ],
                                  },
                                ],
                              },
                            ],
                          },
                        ],
                      },
                    ],
                  },
                ],
              },
            ],
          },
        ],
      };

      testAccessibleTree("strange_grid4", accTree);

      // ////////////////////////////////////////////////////////////////////////
      // grids that could contain whitespace accessibles but shouldn't.

      accTree =
        { TREE_TABLE: [
          { ROW: [
            { GRID_CELL: [
              { TEXT_LEAF: [ ] },
            ] },
            { GRID_CELL: [
              { TEXT_LEAF: [ ] },
            ] },
            { GRID_CELL: [
              { TEXT_LEAF: [ ] },
            ] },
          ] },
        ] };

      testAccessibleTree("whitespaces-grid", accTree);

      // grids that could contain text container accessibles but shouldn't.

      accTree =
        { GRID: [
          { ROW: [
            { GRID_CELL: [
              { TEXT_LEAF: [ ] },
            ] },
            { GRID_CELL: [
              { TEXT_LEAF: [ ] },
            ] },
          ] },
          { ROW: [
            { GRID_CELL: [
              { TEXT_LEAF: [ ] },
            ] },
            { GRID_CELL: [
              { TEXT_LEAF: [ ] },
            ] },
          ] },
        ] };

      testAccessibleTree("gridWithPresentationalBlockElement", accTree);

      SimpleTest.finish();
    }

    SimpleTest.waitForExplicitFinish();
    addA11yLoadEvent(doTest);
  </script>
</head>
<body>

  <a target="_blank"
     title="Support ARIA role rowgroup"
     href="https://bugzilla.mozilla.org/show_bug.cgi?id=525909">
    Mozilla Bug 525909
  </a>
  <p id="display"></p>
  <div id="content" style="display: none"></div>
  <pre id="test">
  </pre>

  <div id="grid" role="grid">
    <div role="rowgroup">
      <div role="row">
        <div role="gridcell">cell</div>
      </div>
    </div>
  </div>

  <div id="strange_grid1" role="grid">
    <div role="row">
      <table role="presentation">
        <caption>caption</caption>
        <tr>
          <th>header1</th>
          <td role="columnheader">header2</td>
        </tr>
      </table>
    </div>
  </div>

  <div id="strange_grid2" role="grid">
    <table role="presentation">
      <tr role="row">
        <td id="implicit_gridcell">cell1</td>
        <td role="gridcell">cell2</td>
      </tr>
    </table>
  </div>

  <div id="strange_grid3" role="grid">
    <div role="row">
      <div role="gridcell">
        <table role="presentation">
          <tr>
            <td>cell3</td>
          </tr>
        </table>
      </div>
    </div>
  </div>

  <div id="strange_grid4" role="grid">
    <div role="row">
      <div role="gridcell">
        <table>
          <tr>
            <td>
              <table role="presentation">
                <caption>caption</caption>
                <tr><td>cell4</td></tr>
              </table>
            </td>
          </tr>
        </table>
      </div>
    </div>
  </div>

  <div role="treegrid" id="whitespaces-grid">
    <div role="row" aria-selected="false" tabindex="-1">
      <span role="gridcell">03:30PM-04:30PM</span>
      <span role="gridcell" style="font-weight:bold;">test</span>
      <span role="gridcell">a user1</span>
    </div>
  </div>

  <div id="gridWithPresentationalBlockElement" role="grid">
    <span style="display: block;">
      <div role="row">
        <div role="gridcell">Cell 1</div>
        <div role="gridcell">Cell 2</div>
      </div>
    </span>
    <span style="display: block;">
      <div role="row">
        <span style="display: block;">
          <div role="gridcell">Cell 3</div>
          <div role="gridcell">Cell 4</div>
        </span>
      </div>
    </span>
  </div>
</body>
</html>

Messung V0.5
C=96 H=95 G=95

¤ Dauer der Verarbeitung: 0.5 Sekunden  ¤

*© Formatika GbR, Deutschland




Wurzel

Suchen

Beweissystem der NASA

Beweissystem Isabelle

NIST Cobol Testsuite

Cephes Mathematical Library

Wiener Entwicklungsmethode

Haftungshinweis

Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.

Bemerkung:

Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.