chrome/browser/resources/accessibility/accessibility.html - chromium/src - Git at Google

 <!doctype html>
 <html lang="en">
 <!--
 Copyright (c) 2013 The Chromium Authors. All rights reserved.
 Use of this source code is governed by a BSD-style license that can be
 found in the LICENSE file.
 -->
 <head>
   <meta charset="utf-8">
   <title>Accessibility Internals</title>
   <link rel="stylesheet" href="chrome://resources/css/chrome_shared.css">
   <link rel="stylesheet" href="accessibility.css">
   <script src="chrome://resources/js/cr.js"></script>
   <script src="chrome://resources/js/action_link.js"></script>
   <script src="chrome://resources/js/util.js"></script>
   <script src="accessibility.js"></script>
 </head>
 <body>
   <h1>Accessibility Internals</h1>

   <div class="columns">
     <div class="column">
       <h2>Global accessibility mode:</h2>

       <div class="checkbox-row">
         <label>
           <span class="checkbox-wrapper">
             <input type="checkbox" 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" 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" 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" id="screenreader"
                    aria-describedby="screenreader_secondary">
           </span>
           Screen reader support
         </label>
       </div>
       <div id="screenreader_secondary" class="secondary">
         Exposes accessibility APIs typically needed only by
         screen readers.
       </div>

       <div class="checkbox-row">
         <label>
           <span class="checkbox-wrapper">
             <input type="checkbox" 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>

       <div class="checkbox-row">
         <label>
           <span class="checkbox-wrapper">
             <input type="checkbox" id="label_images"
                    aria-describedby="label_images_secondary">
           </span>
           Label images
         </label>
       </div>
       <div id="label_images_secondary" class="secondary">
         Automatically labels images.
       </div>

       <h2>Options:</h2>

       <div class="checkbox-row">
         <span class="checkbox-wrapper">
           <input type="checkbox" id="internal"
                  aria-describedby="internal_secondary">
         </span>
         <label for="internal">
           Internal
         </label>
       </div>
       <div id="internal_secondary" class="secondary">
         Show internal accessibility tree instead of native
       </div>

     </div>
     <div class="column">
       <p>
         Accessibility features in Chrome are off by default and enabled
         automatically on-demand.  Changes to this page only take effect
         until the next time Chrome is restarted.
       </p>
       <p>
         To force accessibility to be enabled at launch, run Chrome with this
         command-line flag:
         <pre>--force-renderer-accessibility</pre>
       </p>
       <p>
         To disable accessibility, run Chrome with this flag:
         <pre>--disable-renderer-accessibility</pre>
       </p>

       <div id="filters">
         <h2>Filters:</h2>
         <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 for="filter-allow">
             Allow:
           </label>
           <input id="filter-allow" aria-describedby="allow_secondary">
         </div>
         <div id="allow_secondary" class="secondary">
           Include these attributes. Empty attributes are skipped.
         </div>

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

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

     </div>
   </div>

   <!--
   <div id="global" class="row">Global accessibility mode:
     <a is="action-link" role="button" id="toggle_global"
        aria-labelledby="global"></a>
   </div>

   <div id="internal" class="row">
     Show internal accessibility tree instead of native:
     <a is="action-link" role="button" id="toggle_internal"
        aria-labelledby="internal"></a>
   </div>
 -->
   <h2>Chrome Native UI:</h2>
   <div id="browsers" class="list">
     Set a delay, in milliseconds, before getting the native accessibility tree:
     <input type="number" value="0" id="native_ui_delay"> ms
   </div>

   <h2>Pages:</h2>
   <div id="pages" class="list"></div>
 </body>
 </html>
	<!doctype html>
	<html lang="en">
	<!--
	Copyright (c) 2013 The Chromium Authors. All rights reserved.
	Use of this source code is governed by a BSD-style license that can be
	found in the LICENSE file.
	-->
	<head>
	<meta charset="utf-8">
	<title>Accessibility Internals</title>
	<link rel="stylesheet" href="chrome://resources/css/chrome_shared.css">
	<link rel="stylesheet" href="accessibility.css">
	<script src="chrome://resources/js/cr.js"></script>
	<script src="chrome://resources/js/action_link.js"></script>
	<script src="chrome://resources/js/util.js"></script>
	<script src="accessibility.js"></script>
	</head>
	<body>
	<h1>Accessibility Internals</h1>

	<div class="columns">
	<div class="column">
	<h2>Global accessibility mode:</h2>

	<div class="checkbox-row">
	<label>
	<span class="checkbox-wrapper">
	<input type="checkbox" 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" 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" 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" id="screenreader"
	aria-describedby="screenreader_secondary">
	</span>
	Screen reader support
	</label>
	</div>
	<div id="screenreader_secondary" class="secondary">
	Exposes accessibility APIs typically needed only by
	screen readers.
	</div>

	<div class="checkbox-row">
	<label>
	<span class="checkbox-wrapper">
	<input type="checkbox" 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>

	<div class="checkbox-row">
	<label>
	<span class="checkbox-wrapper">
	<input type="checkbox" id="label_images"
	aria-describedby="label_images_secondary">
	</span>
	Label images
	</label>
	</div>
	<div id="label_images_secondary" class="secondary">
	Automatically labels images.
	</div>

	<h2>Options:</h2>

	<div class="checkbox-row">
	<span class="checkbox-wrapper">
	<input type="checkbox" id="internal"
	aria-describedby="internal_secondary">
	</span>
	<label for="internal">
	Internal
	</label>
	</div>
	<div id="internal_secondary" class="secondary">
	Show internal accessibility tree instead of native
	</div>

	</div>
	<div class="column">
	<p>
	Accessibility features in Chrome are off by default and enabled
	automatically on-demand. Changes to this page only take effect
	until the next time Chrome is restarted.
	</p>
	<p>
	To force accessibility to be enabled at launch, run Chrome with this
	command-line flag:
	<pre>--force-renderer-accessibility</pre>
	</p>
	<p>
	To disable accessibility, run Chrome with this flag:
	<pre>--disable-renderer-accessibility</pre>
	</p>

	<div id="filters">
	<h2>Filters:</h2>
	<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 for="filter-allow">
	Allow:
	</label>
	<input id="filter-allow" aria-describedby="allow_secondary">
	</div>
	<div id="allow_secondary" class="secondary">
	Include these attributes. Empty attributes are skipped.
	</div>

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

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

	</div>
	</div>

	<!--
	<div id="global" class="row">Global accessibility mode:
	<a is="action-link" role="button" id="toggle_global"
	aria-labelledby="global"></a>
	</div>

	<div id="internal" class="row">
	Show internal accessibility tree instead of native:
	<a is="action-link" role="button" id="toggle_internal"
	aria-labelledby="internal"></a>
	</div>
	-->
	<h2>Chrome Native UI:</h2>
	<div id="browsers" class="list">
	Set a delay, in milliseconds, before getting the native accessibility tree:
	<input type="number" value="0" id="native_ui_delay"> ms
	</div>

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