<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Accessibility Internals</title>
  <link rel="stylesheet" href="chrome://resources/css/chrome_shared.css">
  <link rel="stylesheet" href="accessibility.css">
  <script type="module" src="accessibility.js"></script>
</head>
<body>
  <h1>Accessibility Internals</h1>
  <p>
    Use this page to inspect the internal representation of accessibility in
    Chrome. You can see and modify the various accessibility modes Chrome has.
    You can also view the accessibility tree for a specific page, or for the
    Chrome app natively.
  </p>

  <div class="columns">
    <div class="column">
      <h2>Accessibility modes:</h2>
      <p>
        Check/uncheck accessibility modes to see how they change a page's
        accessibility.
      </p>
      <div class="checkbox-row">
        <label>
          <span class="checkbox-wrapper">
            <input type="checkbox" autocomplete="off" id="native"
                   aria-describedby="native_secondary">
          </span>
          Native accessibility API support
        </label>
      </div>
      <div id="native_secondary" class="secondary">
        Allows Chrome to be controlled via native accessibility APIs
        specific to this platform.
      </div>

      <div class="checkbox-row">
        <label>
          <span class="checkbox-wrapper">
            <input type="checkbox" autocomplete="off" id="web"
                   aria-describedby="web_secondary">
          </span>
          Web accessibility
        </label>
      </div>
      <div id="web_secondary" class="secondary">
        Accessibility support is enabled for web content.
      </div>

      <div class="checkbox-row">
        <label>
          <span class="checkbox-wrapper">
            <input type="checkbox" autocomplete="off" id="text"
                   aria-describedby="text_secondary">
          </span>
          Text metrics
        </label>
      </div>
      <div id="text_secondary" class="secondary">
        Enables support for querying line breaks and the bounding
        box of arbitrary character ranges.
      </div>

      <div class="checkbox-row">
        <label>
          <span class="checkbox-wrapper">
            <input type="checkbox" autocomplete="off" id="extendedProperties"
                   aria-describedby="extended_properties_secondary">
          </span>
          Extended properties
        </label>
      </div>
      <div id="extended_properties_secondary" class="secondary">
        Exposes accessibility APIs needed only by advanced assistive
        technologies.
      </div>

      <div class="checkbox-row">
        <label>
          <span class="checkbox-wrapper">
            <input type="checkbox" autocomplete="off" id="screenReader"
                   aria-describedby="screen_reader_secondary">
          </span>
          Screen reader
        </label>
      </div>
      <div id="screen_reader_secondary" class="secondary">
        Exposes accessibility APIs needed only by screen readers.
      </div>

      <div class="checkbox-row">
        <label>
          <span class="checkbox-wrapper">
            <input type="checkbox" autocomplete="off" id="html"
                   aria-describedby="html_secondary">
          </span>
          HTML
        </label>
      </div>
      <div id="html_secondary" class="secondary">
        Exposes HTML tag names and attributes via accessibility APIs.
      </div>

      <h2>Active assistive technology</h2>
      <div>
        Active assistive technology:
        <span id="active_at_name"></span>
      </div>
      <div>
        Is the active AT a screen reader:
        <span id="active_at_is_screen_reader"></span>
      </div>

      <if expr="is_win">
        <h2>Accessible node counters</h2>
        <div>Number of accessible nodes available to accessibility tools (ATs):
          <span id="dormantCount"></span>.</div>
        <div>Number of accessible nodes referenced by one or more ATs:
          <span id="liveCount"></span>.</div>
        <div>Number of previously active nodes no longer available in the
          browser: <span id="ghostCount"></span>.</div>
      </if>
    </div>
    <div class="column">
      <h2>
        Locking the accessibility mode from being changed by other
        applications:
      </h2>
      <p>
        Accessibility features in Chrome are off by default and enabled
        automatically on-demand.
      </p>
      <div class="checkbox-row">
        <label>
          <span class="checkbox-wrapper">
            <input type="checkbox" autocomplete="off" id="isolate"
                   aria-describedby="isolate_secondary">
          </span>
          Suppress automatic accessibility enablement from platform API
          consumers such as assistive tech.
        </label>
      </div>
      <div id="isolate_secondary" class="secondary">Changes to this setting will
      persist until the browser is restarted. This setting is the same as
      running with --disable-platform-accessibility-integration.</div>

      <div class="checkbox-row">
        <label>
          <span class="checkbox-wrapper">
            <input type="checkbox" autocomplete="off" id="locked"
                   aria-describedby="locked_secondary">
          </span>
          Lock the current accessibility mode from being changed
          except by this page.
        </label>
      </div>
      <p>
        To force accessibility to be enabled at launch, run Chrome with this
        flag:
        <pre>--force-renderer-accessibility</pre>
      </p>
      <p>
        To force the accessibility AXMode to one of the predefined bundles, run
        Chrome with the --force-renderer-accessibility flag and optional
        argument:
        <pre>--force-renderer-accessibility=[basic|complete|form-controls]</pre>

        If the optional parameter is absent, the AXMode bundle will default to
        complete.
      </p>
      <p>
        To disable accessibility, run Chrome with this flag:
        <pre>--disable-renderer-accessibility</pre>
      </p>
    </div>
  </div>

  <div>
    <h2>Accessibility tree viewing options:</h2>
    <div class="api-type-wrapper">
      <label>API type shown in the tree:
        <select id="apiType">
          <option>Error: Not able to load options</option>
        </select>
        <label>
    </div>
    <h3>Filters:</h3>
    <p>
      Use filters to match the attributes and attribute values you want
      included in the output. Filters can contain simple wildcards (*) only,
      they're not regular expressions. Attributes are separated by spaces.
    </p>

    <div>
      <label>
        Allow:
        <input id="filter-allow" autocomplete="off"
               aria-describedby="allow_secondary">
      </label>
    </div>
    <div id="allow_secondary" class="secondary">
      Include these attributes. Empty attributes are skipped.
    </div>

    <div>
      <label>
        Allow empty:
        <input id="filter-allow-empty" autocomplete="off"
               aria-describedby="allow-empty_secondary">
      </label>
    </div>
    <div id="allow-empty_secondary" class="secondary">
      Include these attributes, even if they are empty.
    </div>

    <div>
      <label>
        Deny:
        <input id="filter-deny" autocomplete="off"
               aria-describedby="deny_secondary">
      </label>
    </div>
    <div id="deny_secondary" class="secondary">
      Exclude these attributes.
    </div>
  </div>

  <h2>Chrome Native UI:</h2>
  <div id="browsers" class="list">
    <label>
      Set a delay, in milliseconds, before getting the native accessibility
      tree:
      <div></div>
      <input id="native-ui-delay" autocomplete="off" type="number" value="0">
      ms
    </label>
  </div>

  <h2>Pages:</h2>
  <div id="pages" class="list"></div>

  <h2 id="widgets-header">Top Level Windows:</h2>
  <p id="widgets-not-supported" class="hidden">
    Top Level Window support is not available on this platform.
  </p>
  <div id="widgets" class="list"></div>
</body>
</html>

Collaborative Calculation and Data Science

energyhub

colby

sagemath

Product

Resources

Company