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

Side by Side Diff: chrome/browser/resources/settings/date_time_page/date_time_page.html

Issue 2705543003: MD-Settings: Adds an a11y label to most toggle buttons. (Closed)
Patch Set: Created 3 years, 10 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
OLDNEW
1 <link rel="import" href="chrome://resources/html/cr.html"> 1 <link rel="import" href="chrome://resources/html/cr.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/html/web_ui_listener_behavior.html"> 3 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
4 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_in dicator.html"> 4 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_in dicator.html">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button-light.html"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button-light.html">
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/pap er-toggle-button.html"> 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/pap er-toggle-button.html">
7 <link rel="import" href="../controls/settings_dropdown_menu.html"> 7 <link rel="import" href="../controls/settings_dropdown_menu.html">
8 <link rel="import" href="../controls/settings_toggle_button.html"> 8 <link rel="import" href="../controls/settings_toggle_button.html">
9 <link rel="import" href="../i18n_setup.html"> 9 <link rel="import" href="../i18n_setup.html">
10 <link rel="import" href="../prefs/prefs_behavior.html"> 10 <link rel="import" href="../prefs/prefs_behavior.html">
(...skipping 12 matching lines...) Expand all
23 -webkit-margin-start: var(--checkbox-spacing); 23 -webkit-margin-start: var(--checkbox-spacing);
24 } 24 }
25 </style> 25 </style>
26 <div class="settings-box first"> 26 <div class="settings-box first">
27 <settings-dropdown-menu pref="{{prefs.cros.system.timezone}}" 27 <settings-dropdown-menu pref="{{prefs.cros.system.timezone}}"
28 menu-options="[[timeZoneList_]]" 28 menu-options="[[timeZoneList_]]"
29 disabled="[[timeZoneAutoDetect_]]"> 29 disabled="[[timeZoneAutoDetect_]]">
30 </settings-dropdown-menu> 30 </settings-dropdown-menu>
31 </div> 31 </div>
32 <div class="settings-box continuation"> 32 <div class="settings-box continuation">
33 <div class="start">$i18n{timeZoneGeolocation}</div> 33 <div id="timezoneGeolocateToggleLabel" class="start">
34 $i18n{timeZoneGeolocation}
35 </div>
34 <template is="dom-if" if="[[hasTimeZoneAutoDetectPolicy_]]" restamp> 36 <template is="dom-if" if="[[hasTimeZoneAutoDetectPolicy_]]" restamp>
35 <cr-policy-pref-indicator pref="[[fakeTimeZonePolicyPref_]]"> 37 <cr-policy-pref-indicator pref="[[fakeTimeZonePolicyPref_]]">
36 </cr-policy-pref-indicator> 38 </cr-policy-pref-indicator>
37 </template> 39 </template>
38 <paper-toggle-button 40 <paper-toggle-button
39 id="timeZoneAutoDetect" 41 id="timeZoneAutoDetect"
42 aria-labelledby="timezoneGeolocateToggleLabel"
40 checked="[[timeZoneAutoDetect_]]" 43 checked="[[timeZoneAutoDetect_]]"
41 disabled="[[hasTimeZoneAutoDetectPolicy_]]" 44 disabled="[[hasTimeZoneAutoDetectPolicy_]]"
42 on-change="onTimeZoneAutoDetectChange_"> 45 on-change="onTimeZoneAutoDetectChange_">
43 </paper-toggle-button> 46 </paper-toggle-button>
44 </div> 47 </div>
45 <div class="settings-box continuation"> 48 <div class="settings-box continuation">
46 <settings-toggle-button class="start" 49 <settings-toggle-button class="start"
47 pref="{{prefs.settings.clock.use_24hour_clock}}" 50 pref="{{prefs.settings.clock.use_24hour_clock}}"
48 label="$i18n{use24HourClock}"> 51 label="$i18n{use24HourClock}">
49 </settings-toggle-button> 52 </settings-toggle-button>
50 </div> 53 </div>
51 <div class="settings-box" id="setDateTime" actionable 54 <div class="settings-box" id="setDateTime" actionable
52 on-tap="onSetDateTimeTap_" hidden$="[[!canSetDateTime_]]"> 55 on-tap="onSetDateTimeTap_" hidden$="[[!canSetDateTime_]]">
53 <div class="start">$i18n{setDateTime}</div> 56 <div class="start">$i18n{setDateTime}</div>
54 <button class="subpage-arrow" is="paper-icon-button-light" 57 <button class="subpage-arrow" is="paper-icon-button-light"
55 aria-label="$i18n{setDateTime}"></button> 58 aria-label="$i18n{setDateTime}"></button>
56 </div> 59 </div>
57 </template> 60 </template>
58 <script src="date_time_page.js"></script> 61 <script src="date_time_page.js"></script>
59 </dom-module> 62 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698