OLD | NEW |
1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
2 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button-light.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button-light.html"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | |
5 <link rel="import" href="../controls/settings_slider.html"> | 4 <link rel="import" href="../controls/settings_slider.html"> |
6 <link rel="import" href="../controls/settings_toggle_button.html"> | 5 <link rel="import" href="../controls/settings_toggle_button.html"> |
7 <link rel="import" href="../i18n_setup.html"> | 6 <link rel="import" href="../i18n_setup.html"> |
8 <link rel="import" href="../route.html"> | 7 <link rel="import" href="../route.html"> |
9 <link rel="import" href="../settings_shared_css.html"> | 8 <link rel="import" href="../settings_shared_css.html"> |
10 <link rel="import" href="../settings_vars_css.html"> | 9 <link rel="import" href="../settings_vars_css.html"> |
11 | 10 |
12 <dom-module id="settings-manage-a11y-page"> | 11 <dom-module id="settings-manage-a11y-page"> |
13 <template> | 12 <template> |
14 <style include="settings-shared"> | 13 <style include="settings-shared"> |
(...skipping 23 matching lines...) Expand all Loading... |
38 $i18n{learnMore} | 37 $i18n{learnMore} |
39 </a> | 38 </a> |
40 </span> | 39 </span> |
41 </div> | 40 </div> |
42 | 41 |
43 <h2>$i18n{textToSpeechHeading}</h2> | 42 <h2>$i18n{textToSpeechHeading}</h2> |
44 <div class="settings-box first" actionable> | 43 <div class="settings-box first" actionable> |
45 <settings-toggle-button class="start" | 44 <settings-toggle-button class="start" |
46 pref="{{prefs.settings.accessibility}}" | 45 pref="{{prefs.settings.accessibility}}" |
47 label="$i18n{chromeVoxLabel}"> | 46 label="$i18n{chromeVoxLabel}"> |
48 <paper-icon-button icon="cr:settings_icon" | 47 <button is="paper-icon-button-light" class="icon-settings more-actions" |
49 class="more-actions" | |
50 on-tap="onChromeVoxSettingsTap_" | 48 on-tap="onChromeVoxSettingsTap_" |
51 hidden="[[!prefs.settings.accessibility.value]]" | 49 hidden="[[!prefs.settings.accessibility.value]]" |
52 aria-label="$i18n{chromeVoxOptionsLabel}"></paper-icon-button> | 50 aria-label="$i18n{chromeVoxOptionsLabel}"></button> |
53 </settings-toggle-button> | 51 </settings-toggle-button> |
54 </div> | 52 </div> |
55 <template is="dom-if" if="[[showExperimentalFeatures_]]"> | 53 <template is="dom-if" if="[[showExperimentalFeatures_]]"> |
56 <div class="settings-box block" actionable> | 54 <div class="settings-box block" actionable> |
57 <settings-toggle-button | 55 <settings-toggle-button |
58 pref="{{prefs.settings.a11y.select_to_speak}}" | 56 pref="{{prefs.settings.a11y.select_to_speak}}" |
59 label="$i18n{selectToSpeakTitle}" | 57 label="$i18n{selectToSpeakTitle}" |
60 sub-label="$i18n{selectToSpeakDescription}"> | 58 sub-label="$i18n{selectToSpeakDescription}"> |
61 <paper-icon-button icon="cr:settings_icon" | 59 <button is="paper-icon-button-light" |
62 class="more-actions" | 60 class="icon-settings more-actions" |
63 on-tap="onSelectToSpeakSettingsTap_" | 61 on-tap="onSelectToSpeakSettingsTap_" |
64 hidden="[[!prefs.settings.a11y.select_to_speak.value]]" | 62 hidden="[[!prefs.settings.a11y.select_to_speak.value]]" |
65 aria-label="$i18n{selectToSpeakOptionsLabel}"> | 63 aria-label="$i18n{selectToSpeakOptionsLabel}"> |
66 </paper-icon-button> | 64 </button> |
67 </settings-toggle-button> | 65 </settings-toggle-button> |
68 </div> | 66 </div> |
69 </template> | 67 </template> |
70 | 68 |
71 <h2>$i18n{displayHeading}</h2> | 69 <h2>$i18n{displayHeading}</h2> |
72 <div class="settings-box block first"> | 70 <div class="settings-box block first"> |
73 <settings-toggle-button | 71 <settings-toggle-button |
74 pref="{{prefs.settings.a11y.high_contrast_enabled}}" | 72 pref="{{prefs.settings.a11y.high_contrast_enabled}}" |
75 label="$i18n{highContrastLabel}"> | 73 label="$i18n{highContrastLabel}"> |
76 </settings-toggle-button> | 74 </settings-toggle-button> |
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
119 <settings-toggle-button | 117 <settings-toggle-button |
120 pref="{{prefs.settings.a11y.caret_highlight}}" | 118 pref="{{prefs.settings.a11y.caret_highlight}}" |
121 label="$i18n{caretHighlightLabel}"> | 119 label="$i18n{caretHighlightLabel}"> |
122 </settings-toggle-button> | 120 </settings-toggle-button> |
123 </div> | 121 </div> |
124 <template is="dom-if" if="[[showExperimentalFeatures_]]"> | 122 <template is="dom-if" if="[[showExperimentalFeatures_]]"> |
125 <div class="settings-box block" actionable> | 123 <div class="settings-box block" actionable> |
126 <settings-toggle-button | 124 <settings-toggle-button |
127 pref="{{prefs.settings.a11y.switch_access}}" | 125 pref="{{prefs.settings.a11y.switch_access}}" |
128 label="$i18n{switchAccessLabel}"> | 126 label="$i18n{switchAccessLabel}"> |
129 <paper-icon-button icon="cr:settings_icon" | 127 <button is="paper-icon-button-light" |
130 class="more-actions" | 128 class="icon-settings more-actions" |
131 on-tap="onSwitchAccessSettingsTap_" | 129 on-tap="onSwitchAccessSettingsTap_" |
132 hidden="[[!prefs.settings.a11y.switch_access.value]]" | 130 hidden="[[!prefs.settings.a11y.switch_access.value]]" |
133 aria-label="$i18n{selectToSpeakOptionsLabel}"> | 131 aria-label="$i18n{selectToSpeakOptionsLabel}"> |
134 </paper-icon-button> | 132 </button> |
135 </settings-toggle-button> | 133 </settings-toggle-button> |
136 </div> | 134 </div> |
137 </template> | 135 </template> |
138 <div class="settings-box two-line" on-tap="onKeyboardTap_" actionable> | 136 <div class="settings-box two-line" on-tap="onKeyboardTap_" actionable> |
139 <div class="start"> | 137 <div class="start"> |
140 $i18n{keyboardSettingsTitle} | 138 $i18n{keyboardSettingsTitle} |
141 <div class="secondary" id="keyboardSettingsSecondary"> | 139 <div class="secondary" id="keyboardSettingsSecondary"> |
142 $i18n{keyboardSettingsDescription} | 140 $i18n{keyboardSettingsDescription} |
143 </div> | 141 </div> |
144 </div> | 142 </div> |
(...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
215 </div> | 213 </div> |
216 </div> | 214 </div> |
217 <button class="icon-external" is="paper-icon-button-light" actionable | 215 <button class="icon-external" is="paper-icon-button-light" actionable |
218 aria-label="$i18n{additionalFeaturesTitle}" | 216 aria-label="$i18n{additionalFeaturesTitle}" |
219 aria-describedby="moreFeaturesSecondary"></button> | 217 aria-describedby="moreFeaturesSecondary"></button> |
220 </a> | 218 </a> |
221 </template> | 219 </template> |
222 </template> | 220 </template> |
223 <script src="manage_a11y_page.js"></script> | 221 <script src="manage_a11y_page.js"></script> |
224 </dom-module> | 222 </dom-module> |
OLD | NEW |