summaryrefslogtreecommitdiffstats
path: root/chrome/browser/resources/settings/a11y_page/a11y_page.html
blob: 8076bbdb4c5656e630f9e0ca9861d254457f1778 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
<link rel="import" href="chrome://resources/polymer/core-menu/core-menu.html">
<link rel="import" href="chrome://resources/polymer/paper-item/paper-item.html">
<link rel="import" href="chrome://resources/polymer/paper-shadow/paper-shadow.html">
<link rel="import" href="chrome://resources/cr_elements/cr_dropdown_menu/cr_dropdown_menu.html">
<link rel="import" href="chrome://md-settings/settings_page/settings_page_header.html">
<link rel="import" href="chrome://md-settings/checkbox/checkbox.html">
<link rel="import" href="a11y_page_style.html">

<polymer-element name="cr-settings-a11y-page">
  <template>
    <link rel="stylesheet" href="chrome://md-settings/settings_page/settings_page.css">
    <core-style ref="a11yPageStyle"></core-style>
    <paper-shadow layout vertical cross-fade>
      <div class="more-a11y-link">
        <a href="https://chrome.google.com/webstore/category/collection/accessibility"
            target="_blank" i18n-content="accessibilityMoreFeaturesLink"></a>
      </div>

<if expr="chromeos">
      <cr-settings-checkbox
          pref="{{prefs.settings.settings.a11y.enable_menu}}"
          i18n-values="label:accessibilityOptionsInMenuLabel">
      </cr-settings-checkbox>
      <cr-settings-checkbox
          pref="{{prefs.settings.settings.a11y.large_cursor_enabled}}"
          i18n-values="label:accessibilityLargeMouseCursorLabel">
      </cr-settings-checkbox>
      <cr-settings-checkbox
          pref="{{prefs.settings.settings.a11y.high_contrast_enabled}}"
          i18n-values="label:accessibilityHighContrastLabel">
      </cr-settings-checkbox>
      <cr-settings-checkbox
          pref="{{prefs.settings.settings.a11y.sticky_keys_enabled}}"
          i18n-values="label:accessibilityStickyKeysLabel;
                       subLabel:accessibilityStickyKeysSublabel">
      </cr-settings-checkbox>
      <cr-settings-checkbox pref="{{prefs.settings.settings.accessibility}}"
          i18n-values="label:accessibilityChromeVoxLabel;
                       subLabel:accessibilityChromeVoxSublabel">
      </cr-settings-checkbox>
      <cr-settings-checkbox
          pref="{{prefs.settings.settings.a11y.screen_magnifier}}"
          i18n-values="label:accessibilityScreenMagnifierLabel">
      </cr-settings-checkbox>
      <cr-settings-checkbox
          pref="{{prefs.settings.settings.touchpad.enable_tap_dragging}}"
          i18n-values="label:accessibilityTapDraggingLabel">
      </cr-settings-checkbox>
      <cr-settings-checkbox pref="{{prefs.settings.settings.a11y.autoclick}}"
          i18n-values="label:accessibilityClickOnStopLabel">
      </cr-settings-checkbox>

      <core-label horizontal layout center class="autoclick-delay-label"
          hidden?="{{!prefs.settings.settings.a11y.autoclick}}">
        <span i18n-content="accessibilityDelayBeforeClickLabel"></span>
        <cr-dropdown-menu class="autoclick-dropdown">
          <core-menu class="menu" valueAttr="value" selectedAttribute=""
              selected="{{prefs.settings.settings.a11y.autoclick_delay_ms}}">
            <paper-item value="200"
                i18n-content="accessibilityDelayBeforeClickExtremelyShort">
            </paper-item>
            <paper-item value="400"
                i18n-content="accessibilityDelayBeforeClickVeryShort">
            </paper-item>
            <paper-item value="600"
                i18n-content="accessibilityDelayBeforeClickShort">
            </paper-item>
            <paper-item value="800"
                i18n-content="accessibilityDelayBeforeClickLong">
            </paper-item>
            <paper-item value="1000"
                i18n-content="accessibilityDelayBeforeClickVeryLong">
            </paper-item>
          </core-menu>
        </cr-dropdown-menu>
      </core-label>

      <cr-settings-checkbox
          pref="{{prefs.settings.settings.a11y.virtual_keyboard}}"
          i18n-values="label:accessibilityOnScreenKeyboardLabel">
      </cr-settings-checkbox>
</if>

    </paper-shadow>
  </template>
  <script src="a11y_page.js"></script>
</polymer-element>