Ziele Untersuchung
mit Columbo Integrität von
Datenbanken Interaktion und
Portierbarkeit Ergonomie der
Schnittstellen

Angebot Produkte Projekt Beratung

Mittel Analytik Modellierung Sprachen Algebra Logik Hardware Denken Kreativität

Zusammenhänge Gesellschaft Wirtschaft Branche Firma


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

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

¤ Dauer der Verarbeitung: 0.14 Sekunden (vorverarbeitet) ¤

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.