| OLD | NEW |
|---|
| (Empty) | |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="/controls/settings_checkbox.html"> |
| 3 <link rel="import" href="/i18n_setup.html"> |
| 4 <link rel="import" href="/route.html"> |
| 5 <link rel="import" href="/settings_shared_css.html"> |
| 6 <link rel="import" href="/settings_vars_css.html"> |
| 7 |
| 8 <dom-module id="settings-manage-a11y-page"> |
| 9 <template> |
| 10 <style include="settings-shared"> |
| 11 .indented { |
| 12 -webkit-margin-start: 20px; |
| 13 } |
| 14 |
| 15 .no-top-border { |
| 16 border-top: none; |
| 17 } |
| 18 |
| 19 h3 { |
| 20 color: var(--settings-nav-grey); |
| 21 font-weight: 500; |
| 22 } |
| 23 |
| 24 .settings-box iron-icon { |
| 25 -webkit-margin-end: var(--iron-icon-spacing); |
| 26 } |
| 27 |
| 28 .settings-box settings-checkbox { |
| 29 flex-grow: 1; |
| 30 } |
| 31 </style> |
| 32 <div class="settings-box row first"> |
| 33 <span> |
| 34 $i18n{a11yExplanation} |
| 35 <a href="$i18nRaw{a11yLearnMoreUrl}" target="_blank"> |
| 36 $i18n{learnMore} |
| 37 </a> |
| 38 </span> |
| 39 </div> |
| 40 |
| 41 <div class="settings-box block"> |
| 42 <h3>$i18n{textToSpeechHeading}</h3> |
| 43 <div class="settings-box first indented"> |
| 44 <settings-checkbox pref="{{prefs.settings.accessibility}}" |
| 45 label="$i18n{chromeVoxLabel}"> |
| 46 </settings-checkbox> |
| 47 <paper-icon-button icon="cr:settings" on-tap="onChromeVoxSettingsTap_"> |
| 48 </paper-icon-button> |
| 49 </div> |
| 50 <template is="dom-if" if="[[showExperimentalFeatures_]]"> |
| 51 <div class="settings-box no-top-border indented"> |
| 52 <settings-checkbox pref="{{prefs.settings.a11y.select_to_speak}}" |
| 53 label="$i18n{selectToSpeakTitle}" |
| 54 sub-label="$i18n{selectToSpeakDescription}"> |
| 55 </settings-checkbox> |
| 56 </div> |
| 57 </template> |
| 58 |
| 59 <h3>$i18n{displayHeading}</h3> |
| 60 <div class="settings-box block first indented"> |
| 61 <settings-checkbox label="$i18n{highContrastLabel}" |
| 62 pref="{{prefs.settings.a11y.high_contrast_enabled}}"> |
| 63 </settings-checkbox> |
| 64 <settings-checkbox label="$i18n{screenMagnifierLabel}" |
| 65 pref="{{prefs.settings.a11y.screen_magnifier}}"> |
| 66 </settings-checkbox> |
| 67 </div> |
| 68 <div class="settings-box two-line indented" on-tap="onDisplayTap_" |
| 69 actionable> |
| 70 <iron-icon icon="settings:desktop-windows"></iron-icon> |
| 71 <div class="start"> |
| 72 <div>$i18n{displaySettingsTitle}</div> |
| 73 <div class="secondary">$i18n{displaySettingsDescription}</div> |
| 74 </div> |
| 75 </div> |
| 76 <div class="settings-box two-line indented" on-tap="onAppearanceTap_" |
| 77 actionable> |
| 78 <iron-icon icon="settings:text-format"></iron-icon> |
| 79 <div class="start"> |
| 80 <div>$i18n{appearanceSettingsTitle}</div> |
| 81 <div class="secondary">$i18n{appearanceSettingsDescription}</div> |
| 82 </div> |
| 83 </div> |
| 84 |
| 85 <h3>$i18n{keyboardHeading}</h3> |
| 86 <div class="settings-box block first indented"> |
| 87 <settings-checkbox |
| 88 pref="{{prefs.settings.a11y.sticky_keys_enabled}}" |
| 89 label="$i18n{stickyKeysLabel}"> |
| 90 </settings-checkbox> |
| 91 <settings-checkbox pref="{{prefs.settings.a11y.virtual_keyboard}}" |
| 92 label="$i18n{onScreenKeyboardLabel}"> |
| 93 </settings-checkbox> |
| 94 <settings-checkbox pref="{{prefs.settings.a11y.focus_highlight}}" |
| 95 label="$i18n{focusHighlightLabel}"> |
| 96 </settings-checkbox> |
| 97 <settings-checkbox pref="{{prefs.settings.a11y.caret_highlight}}" |
| 98 label="$i18n{caretHighlightLabel}"> |
| 99 </settings-checkbox> |
| 100 <template is="dom-if" if="[[showExperimentalFeatures_]]"> |
| 101 <settings-checkbox pref="{{prefs.settings.a11y.switch_access}}" |
| 102 label="$i18n{switchAccessLabel}"> |
| 103 </settings-checkbox> |
| 104 </template> |
| 105 </div> |
| 106 <div class="settings-box two-line indented" on-tap="onKeyboardTap_" |
| 107 actionable> |
| 108 <iron-icon icon="settings:keyboard"></iron-icon> |
| 109 <div class="start"> |
| 110 <div>$i18n{keyboardSettingsTitle}</div> |
| 111 <div class="secondary">$i18n{keyboardSettingsDescription}</div> |
| 112 </div> |
| 113 </div> |
| 114 |
| 115 <h3>$i18n{mouseAndTouchpadHeading}</h3> |
| 116 <div class="settings-box block first indented"> |
| 117 <settings-checkbox label="$i18n{clickOnStopLabel}" |
| 118 pref="{{prefs.settings.a11y.autoclick}}"> |
| 119 </settings-checkbox> |
| 120 <div class="list-item settings-checkbox-spacer"> |
| 121 <div>$i18n{delayBeforeClickLabel}</div> |
| 122 <settings-dropdown-menu |
| 123 pref="{{prefs.settings.a11y.autoclick_delay_ms}}" |
| 124 menu-options="[[autoClickDelayOptions_]]" no-label-float> |
| 125 </settings-dropdown-menu> |
| 126 </div> |
| 127 <settings-checkbox label="$i18n{tapDraggingLabel}" |
| 128 pref="{{prefs.settings.touchpad.enable_tap_dragging}}"> |
| 129 </settings-checkbox> |
| 130 <settings-checkbox label="$i18n{largeMouseCursorLabel}" |
| 131 pref="{{prefs.settings.a11y.large_cursor_enabled}}"> |
| 132 </settings-checkbox> |
| 133 <settings-checkbox pref="{{prefs.settings.a11y.cursor_highlight}}" |
| 134 label="$i18n{cursorHighlightLabel}"> |
| 135 </settings-checkbox> |
| 136 </div> |
| 137 <div class="settings-box two-line indented" on-tap="onMouseTap_" |
| 138 actionable> |
| 139 <iron-icon icon="settings:mouse"></iron-icon> |
| 140 <div class="start"> |
| 141 <div>$i18n{mouseSettingsTitle}</div> |
| 142 <div class="secondary">$i18n{mouseSettingsDescription}</div> |
| 143 </div> |
| 144 </div> |
| 145 |
| 146 <h3>$i18n{audioHeading}</h3> |
| 147 <div class="settings-box block first indented"> |
| 148 <settings-checkbox pref="{{prefs.settings.a11y.mono_audio}}" |
| 149 label="$i18n{monoAudioLabel}"> |
| 150 </settings-checkbox> |
| 151 </div> |
| 152 </div> |
| 153 |
| 154 <div class="settings-box two-line" on-tap="onMoreFeaturesTap_" actionable> |
| 155 <div class="start"> |
| 156 <div>$i18n{additionalFeaturesTitle}</div> |
| 157 <div class="secondary">$i18n{additionalFeaturesDescription}</div> |
| 158 </div> |
| 159 </div> |
| 160 </template> |
| 161 <script src="manage_a11y_page.js"></script> |
| 162 </dom-module> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2200463002:
Reorganize accessibility settings. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master