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

Benutzer


products/Sources/formale Sprachen/C/Firefox/testing/web-platform/tests/accname/ (Firefox Browser Version 153.0.1^©) Datei vom 27.6.2026 mit Größe 6 kB

Quelle aria-owns.html

Sprache: HTML

products/Sources/formale Sprachen/C/Firefox/testing/web-platform/tests/accname/aria-owns.html

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Accname tests for assorted combinations of aria-owns, aria-hidden, and host language hiding techniques</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>
  <style>
    [aria-hidden="true"] {
      outline: 3px dashed darkred;
    }

    [id] {
      outline: 1px dashed green;
    }
  </style>
</head>

<body>

  <h1>Accname tests for assorted combinations of <code>aria-owns</code>, <code>aria-hidden</code>, and host language hiding techniques</h1>

  

  <p><span aria-hidden="true">Text enclosed in a dashed red outline</span> is <code>aria-hidden="true"</code>.</p>
  <p><span id="foo">Bold text with a yellow background</span> is the target of another element’s <code>aria-owns</code>.</p>

  <h2>A button using aria-owns to specify its label</h2>
  <button
    class="ex-label"
    data-testname="A button using aria-owns to specify its label"
    data-expectedlabel="Play"
    aria-owns="play"
  >
    <div aria-hidden="true">
      <span id="play">Play</span>
      <span id="pause">Pause</span>
    </div>
  </button>

  <h2>A link using aria-owns to concatenate extra text</h2>
  <a
    class="ex-label"
    data-testname="A link using aria-owns to concatenate extra text"
    data-expectedlabel="World Wide Web Consortium (opens in a new window)"
    href="https://www.w3.org/"
    target="_blank"
    aria-owns="new-window-warning-1"
  >
    World Wide Web Consortium
  </a>
  <div aria-hidden="true">
    <span id="new-window-warning-1"> (opens in a new window)</span>
    
  </div>

  <h2>Ignore aria-owns when on an element that is hidden from all users</h2>
  <h3
    class="ex-label"
    data-testname="Ignore aria-owns when on an element that is hidden from all users"
    data-expectedlabel="treasure"
  >
    <span hidden aria-owns="treasure">
      This ninja can’t steal the...
    </span>
    <mark id="treasure">treasure</mark>
  </h3>

  <h2>Computed name of parent heading persists when aria-owns fails to relocate its contents</h2>
  <h3>
    
    <span hidden aria-owns="pearl">
      This oyster contains...
    </span>
    <mark>sand</mark>
  </h3>
  <h4
    class="ex-label"
    data-testname="Computed name of parent heading persists when aria-owns fails to relocate its contents"
    data-expectedlabel="a pearl"
  >
    
    <mark id="pearl">a pearl</mark>
  </h4>

  <h2>Computed name of parent heading excludes content relocated by aria-owns</h2>
  <h3>
    <span aria-owns="car">
      The dog that caught the
    </span>
  </h3>
  <h4
    class="ex-label"
    data-testname="Computed name of parent heading excludes content relocated by aria-owns"
    data-expectedlabel="Speeding"
  >
    Speeding
    <mark id="car">car</mark>
  </h4>

  <h2>Ignore aria-owns when on an element with aria-hidden</h2>
  <h3
    class="ex-label"
    data-testname="Ignore aria-owns when on an element with aria-hidden"
    data-expectedlabel="reflection"
  >
    <span aria-hidden="true" aria-owns="reflection">
      This vampire can’t see its...
    </span>
    <mark id="reflection">reflection</mark>
  </h3>

  <h2>Ignore aria-owns when it targets an element that is hidden from all users</h2>
  <a
    class="ex-label"
    data-testname="Ignore aria-owns when it targets an element that is hidden from all users"
    data-expectedlabel="World Wide Web Consortium"
    href="https://www.w3.org/"
    aria-owns="new-window-warning-2"
  >
    World Wide Web Consortium
  </a>
  <div>
    <span id="new-window-warning-2" hidden> (opens in a new window)</span>
    
  </div>

  <h2>Ignore aria-owns when it targets an element with an ancestor that is hidden from all users</h2>
  <a
    class="ex-label"
    data-testname="Ignore aria-owns when it targets an element with an ancestor that is hidden from all users"
    data-expectedlabel="World Wide Web Consortium"
    href="https://www.w3.org/"
    aria-owns="new-window-warning-3"
  >
    World Wide Web Consortium
  </a>
  <div hidden>
    <span id="new-window-warning-3"> (opens in a new window)</span>
    
  </div>

  <h2>aria-hidden remains in effect on an element after it is relocated using aria-owns</h2>
  <a
    class="ex-label"
    data-testname="aria-hidden remains in effect on an element after it is relocated using aria-owns"
    data-expectedlabel="World Wide Web Consortium"
    href="https://www.w3.org/"
    aria-owns="new-window-warning-4"
  >
    World Wide Web Consortium
  </a>
  <div>
    <span id="new-window-warning-4" aria-hidden="true"> (opens in a new window)</span>
    
  </div>

  <script>
    AriaUtils.verifyLabelsBySelector(".ex-label");
  </script>
</body>

</html>

Messung V0.5 in Prozent

¤ Dauer der Verarbeitung: 0.17 Sekunden (vorverarbeitet am 2026-08-25) ¤

Wurzel

Suchen

PVS Prover

Isabelle Prover

NIST Cobol Testsuite

Cephes Mathematical Library

Vienna Development Method

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.