Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(917)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/settings/a11y_page/manage_a11y_page.html

Issue 2200463002: Reorganize accessibility settings. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Address some feedback Created 4 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « chrome/browser/resources/settings/a11y_page/compiled_resources2.gyp ('k') | chrome/browser/resources/settings/a11y_page/manage_a11y_page.js » ('j') | chrome/browser/resources/settings/a11y_page/manage_a11y_page.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(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 h3 {
16 color: var(--settings-nav-grey);
17 font-weight: 500;
18 }
19
20 .settings-box iron-icon {
21 -webkit-margin-end: var(--iron-icon-spacing);
22 }
23
24 .settings-box settings-checkbox {
25 flex-grow: 1;
26 }
27 </style>
28 <div class="settings-box row first">
29 <span>
30 $i18n{a11yExplanation}
31 <a href="$i18nRaw{a11yLearnMoreUrl}" target="_blank">
32 $i18n{learnMore}
33 </a>
34 </span>
35 </div>
36
37 <div class="settings-box block">
38 <h3>$i18n{textToSpeechHeading}</h3>
39 <div class="settings-box first indented">
40 <settings-checkbox pref="{{prefs.settings.accessibility}}"
41 label="$i18n{chromeVoxLabel}">
42 </settings-checkbox>
43 <paper-icon-button icon="cr:settings" on-tap="onChromeVoxSettingsTap_">
44 </paper-icon-button>
45 </div>
46 <template is="dom-if" if="[[showExperimentalFeatures_]]">
47 <div class="settings-box first indented">
Dan Beam 2016/08/04 17:57:05 i don't think this should be a "first" class
dmazzoni 2016/08/05 06:48:56 Switched to a new class no-top-border instead
48 <settings-checkbox pref="{{prefs.settings.a11y.select_to_speak}}"
49 label="$i18n{selectToSpeakTitle}"
50 sub-label="$i18n{selectToSpeakDescription}">
51 </settings-checkbox>
52 </div>
53 </template>
54
55 <h3>$i18n{displayHeading}</h3>
56 <div class="settings-box block first indented">
57 <settings-checkbox label="$i18n{highContrastLabel}"
58 pref="{{prefs.settings.a11y.high_contrast_enabled}}">
59 </settings-checkbox>
60 <settings-checkbox label="$i18n{screenMagnifierLabel}"
61 pref="{{prefs.settings.a11y.screen_magnifier}}">
62 </settings-checkbox>
63 </div>
64 <div class="settings-box two-line indented" on-tap="onDisplayTap_"
65 actionable>
66 <iron-icon icon="settings:desktop-windows"></iron-icon>
67 <div class="start">
68 <div>$i18n{displaySettingsTitle}</div>
69 <div class="secondary">$i18n{displaySettingsDescription}</div>
70 </div>
71 </div>
72 <div class="settings-box two-line indented" on-tap="onAppearanceTap_"
73 actionable>
74 <iron-icon icon="settings:text-format"></iron-icon>
75 <div class="start">
76 <div>$i18n{appearanceSettingsTitle}</div>
77 <div class="secondary">$i18n{appearanceSettingsDescription}</div>
78 </div>
79 </div>
80
81 <h3>$i18n{keyboardHeading}</h3>
82 <div class="settings-box block first indented">
83 <settings-checkbox
84 pref="{{prefs.settings.a11y.sticky_keys_enabled}}"
85 label="$i18n{stickyKeysLabel}">
86 </settings-checkbox>
87 <settings-checkbox pref="{{prefs.settings.a11y.virtual_keyboard}}"
88 label="$i18n{onScreenKeyboardLabel}">
89 </settings-checkbox>
90 <settings-checkbox pref="{{prefs.settings.a11y.focus_highlight}}"
91 label="$i18n{focusHighlightLabel}">
92 </settings-checkbox>
93 <settings-checkbox pref="{{prefs.settings.a11y.caret_highlight}}"
94 label="$i18n{caretHighlightLabel}">
95 </settings-checkbox>
96 <template is="dom-if" if="[[showExperimentalFeatures_]]">
97 <settings-checkbox pref="{{prefs.settings.a11y.switch_access}}"
98 label="$i18n{switchAccessLabel}">
99 </settings-checkbox>
100 </template>
101 </div>
102 <div class="settings-box two-line indented" on-tap="onKeyboardTap_"
103 actionable>
104 <iron-icon icon="settings:keyboard"></iron-icon>
105 <div class="start">
106 <div>$i18n{keyboardSettingsTitle}</div>
107 <div class="secondary">$i18n{keyboardSettingsDescription}</div>
108 </div>
109 </div>
110
111 <h3>$i18n{mouseAndTouchpadHeading}</h3>
112 <div class="settings-box block first indented">
113 <settings-checkbox label="$i18n{clickOnStopLabel}"
114 pref="{{prefs.settings.a11y.autoclick}}">
115 </settings-checkbox>
116 <div class="list-item settings-checkbox-spacer">
117 <div>$i18n{delayBeforeClickLabel}</div>
118 <settings-dropdown-menu
119 pref="{{prefs.settings.a11y.autoclick_delay_ms}}"
120 menu-options="[[autoClickDelayOptions_]]" no-label-float>
121 </settings-dropdown-menu>
122 </div>
123 <settings-checkbox label="$i18n{tapDraggingLabel}"
124 pref="{{prefs.settings.touchpad.enable_tap_dragging}}">
125 </settings-checkbox>
126 <settings-checkbox label="$i18n{largeMouseCursorLabel}"
127 pref="{{prefs.settings.a11y.large_cursor_enabled}}">
128 </settings-checkbox>
129 <settings-checkbox pref="{{prefs.settings.a11y.cursor_highlight}}"
130 label="$i18n{cursorHighlightLabel}">
131 </settings-checkbox>
132 </div>
133 <div class="settings-box two-line indented" on-tap="onMouseTap_"
134 actionable>
135 <iron-icon icon="settings:mouse"></iron-icon>
136 <div class="start">
137 <div>$i18n{mouseSettingsTitle}</div>
138 <div class="secondary">$i18n{mouseSettingsDescription}</div>
139 </div>
140 </div>
141
142 <h3>$i18n{audioHeading}</h3>
143 <div class="settings-box block first indented">
144 <settings-checkbox pref="{{prefs.settings.a11y.mono_audio}}"
145 label="$i18n{monoAudioLabel}">
Dan Beam 2016/08/04 17:57:05 wrong indent
dmazzoni 2016/08/05 06:48:56 Done
146 </settings-checkbox>
147 </div>
148 </div>
149
150 <div class="settings-box two-line" on-tap="onMoreFeaturesTap_" actionable>
151 <div class="start">
152 <div>$i18n{additionalFeaturesTitle}</div>
153 <div class="secondary">$i18n{additionalFeaturesDescription}</div>
154 </div>
155 </div>
156 </template>
157 <script src="manage_a11y_page.js"></script>
158 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/settings/a11y_page/compiled_resources2.gyp ('k') | chrome/browser/resources/settings/a11y_page/manage_a11y_page.js » ('j') | chrome/browser/resources/settings/a11y_page/manage_a11y_page.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698