<header>
<h1 i18n-content="settingsTitle"></h1>
</header>
+ <include src="reset_profile_settings_banner.html">
<include src="automatic_settings_reset_banner.html">
<if expr="chromeos">
<include src="secondary_user_banner.html">
<button id="themes-reset" i18n-content="themesReset"></button>
</if>
</div>
- <div class="checkbox" guest-visibility="disabled">
- <span class="controlled-setting-with-label">
- <input id="show-home-button" type="checkbox"
+ <div class="checkbox controlled-setting-with-label"
+ guest-visibility="disabled">
+ <label>
+ <input type="checkbox"
pref="browser.show_home_button"
metric="Options_Homepage_HomeButton">
<span>
- <label for="show-home-button" i18n-content="homePageShowHomeButton">
- </label>
+ <span i18n-content="homePageShowHomeButton"></span>
<span class="controlled-setting-indicator"
- pref="browser.show_home_button">
- </span>
+ pref="browser.show_home_button"></span>
</span>
- </span>
+ </label>
</div>
<div id="change-home-page-section" hidden>
<div id="change-home-page-section-container" guest-visibility="disabled">
<div id="extension-controlled-container"></div>
</div>
</div>
- <div class="checkbox" guest-visibility="disabled">
- <span class="controlled-setting-with-label">
- <input id="show-bookmark-bars" type="checkbox"
+ <div class="checkbox controlled-setting-with-label"
+ guest-visibility="disabled">
+ <label>
+ <input type="checkbox"
pref="bookmark_bar.show_on_all_tabs"
metric="Options_ShowBookmarksBar">
<span>
- <label for="show-bookmark-bars"
- i18n-content="toolbarShowBookmarksBar">
- </label>
+ <span i18n-content="toolbarShowBookmarksBar"></span>
<span class="controlled-setting-indicator"
- pref="bookmark_bar.show_on_all_tabs">
- </span>
+ pref="bookmark_bar.show_on_all_tabs"></span>
</span>
- </span>
+ </label>
</div>
<if expr="is_posix and not chromeos and not is_macosx">
<div class="checkbox"><label>
<h3 i18n-content="sectionTitleDevice"></h3>
<div>
<span i18n-content="deviceGroupDescription"></span>
+ <div class="settings-row">
+ <button id="battery-button" i18n-content="batteryButton"></button>
+ <button id="stored-data-button" i18n-content="storageButton"></button>
+ </div>
<div id="touchpad-settings" class="settings-row" hidden>
<span class="option-name" i18n-content="touchpadSpeed"></span>
<input id="touchpad-sensitivity-range" type="range" min="1" max="5"
i18n-content="keyboardSettingsButtonTitle">
</button>
<span id="display-options-section">
- <button id="display-options" i18n-content="displayOptions">
+ <button id="display-options" i18n-content="displayOptions" disabled>
</button>
</span>
</div>
<section>
<h3 i18n-content="sectionTitleSearch"></h3>
<div id="search-section-content">
- <label for="default-search-engine" class="settings-row"
- i18n-values=".innerHTML:defaultSearchGroupLabel">
- </label>
+ <span id="default-search-engine-label"
+ i18n-values=".innerHTML:defaultSearchGroupLabel"></span>
<div class="settings-row">
- <select id="default-search-engine" class="weakrtl"></select>
+ <select id="default-search-engine" class="weakrtl"
+ aria-labelledby="default-search-engine-label"></select>
<span class="controlled-setting-indicator"
pref="default_search_provider_data.template_url_data">
</span>
<h3 id="voice-section-title" i18n-content="sectionTitleVoice" hidden></h3>
<div id="voice-section-content">
<div id="hotword-always-on-search" hidden>
- <div class="checkbox">
- <span class="controlled-setting-with-label">
- <input id="hotword-always-on-search-enable"
+ <div class="checkbox controlled-setting-with-label">
+ <label>
+ <input id="hotword-always-on-search-checkbox"
pref="hotword.always_on_search_enabled" type="checkbox">
- <span>
- <label for="hotword-always-on-search-enable"
- i18n-content="hotwordAlwaysOnSearchEnable">
- </label>
- </span>
- </span>
+ <span i18n-content="hotwordAlwaysOnSearchEnable"></span>
+ </label>
</div>
</div>
<div id="audio-logging" hidden>
- <div class="checkbox">
- <span class="controlled-setting-with-label">
- <input id="audio-logging-enable"
- pref="hotword.audio_logging_enabled" type="checkbox">
- <span>
- <label for="audio-logging-enable"
- i18n-content="hotwordAudioHistoryEnable">
- </label>
- </span>
- </span>
+ <div class="checkbox controlled-setting-with-label">
+ <label>
+ <input pref="hotword.audio_logging_enabled" type="checkbox">
+ <span i18n-content="hotwordAudioHistoryEnable"></span>
+ </label>
</div>
</div>
</div>
<div id="profiles-single-message" class="settings-row"
i18n-content="profilesSingleUser">
</div>
+<if expr="not chromeos">
+ <div id="profiles-enable-guest" class="checkbox">
+ <label>
+ <input pref="profile.browser_guest_enabled" type="checkbox">
+ <span i18n-content="profileBrowserGuestEnable"></span>
+ </label>
+ </div>
+ <div id="profiles-enable-add-person" class="checkbox">
+ <label>
+ <input pref="profile.add_person_enabled" type="checkbox">
+ <span i18n-content="profileAddPersonEnable"></span>
+ </label>
+ </div>
+</if>
<div id="profiles-buttons">
<button id="profiles-create" i18n-content="profilesCreate"></button>
<if expr="enable_settings_app">
i18n-values=".innerHTML:profilesSupervisedDashboardTip" hidden>
</div>
</section>
- <section id="set-default-browser-section">
<if expr="not chromeos">
+ <section id="set-default-browser-section">
<h3 i18n-content="sectionTitleDefaultBrowser"></h3>
<div>
<button id="set-as-default-browser"
</label>
</div>
</div>
-</if> <!-- not chromeos -->
</section>
+</if> <!-- not chromeos -->
<div id="advanced-settings" hidden>
<div id="advanced-settings-container">
<if expr="chromeos">
<h3 i18n-content="datetimeTitle"></h3>
<div class="option-control-table">
<div guest-visibility="disabled">
- <label for="timezone-select" class="option-name"
- i18n-content="timezone"></label>
+ <span id="timezone-value-label" class="option-name"
+ i18n-content="timezone"></span>
<div id="timezone-value">
- <select id="timezone-select" class="control"
+ <select class="control"
i18n-options="timezoneList" data-type="string"
- pref="cros.system.timezone">
- </select>
+ pref="cros.system.timezone"
+ aria-labelledby="timezone-value-label"></select>
</div>
</div>
<div class="checkbox settings-row">
<div class="settings-row">
<span i18n-content="consumerManagementDescription"></span>
</div>
- <div id="consumer-management-enroll" class="settings-row">
- <button i18n-content="consumerManagementEnrollButton"></button>
- </div>
- <div id="consumer-management-unenroll" class="settings-row" hidden>
- <button i18n-content="consumerManagementUnenrollButton"></button>
+ <div class="settings-row">
+ <button id="consumer-management-button"></button>
</div>
</div>
</section>
<a target="_blank" i18n-content="learnMore"
i18n-values="href:privacyLearnMoreURL"></a>
</p>
- <div class="checkbox">
- <span class="controlled-setting-with-label">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
<input id="alternateErrorPagesEnabled"
pref="alternate_error_pages.enabled"
metric="Options_LinkDoctorCheckbox" type="checkbox">
<span>
- <label for="alternateErrorPagesEnabled"
- i18n-content="linkDoctorPref">
- </label>
+ <span i18n-content="linkDoctorPref"></span>
<span class="controlled-setting-indicator"
- pref="alternate_error_pages.enabled">
- </span>
+ pref="alternate_error_pages.enabled"></span>
</span>
- </span>
+ </label>
</div>
- <div class="checkbox" guest-visibility="disabled">
- <span class="controlled-setting-with-label">
- <input id="searchSuggestEnabled" pref="search.suggest_enabled"
+ <div class="checkbox controlled-setting-with-label"
+ guest-visibility="disabled">
+ <label>
+ <input pref="search.suggest_enabled"
metric="Options_UseSuggestCheckbox" type="checkbox">
<span>
- <label for="searchSuggestEnabled" i18n-content="suggestPref">
- </label>
+ <span i18n-content="suggestPref"></span>
<span class="controlled-setting-indicator"
- pref="search.suggest_enabled">
- </span>
+ pref="search.suggest_enabled"></span>
</span>
- </span>
+ </label>
</div>
<div class="checkbox" guest-visibility="disabled">
<span class="controlled-setting-with-label">
- <input id="networkPredictionOptions"
- metric="Options_DnsPrefetchCheckbox" type="checkbox">
- <span>
- <label for="networkPredictionOptions"
- i18n-content="networkPredictionEnabledDescription">
- </label>
- <span class="controlled-setting-indicator"
- pref="net.network_prediction_options">
+ <label>
+ <input id="networkPredictionOptions"
+ metric="Options_DnsPrefetchCheckbox" type="checkbox">
+ <span>
+ <span i18n-content="networkPredictionEnabledDescription"></span>
+ <span class="controlled-setting-indicator"
+ pref="net.network_prediction_options"></span>
</span>
- </span>
+ </label>
</span>
</div>
- <div class="checkbox">
- <span class="controlled-setting-with-label">
- <input id="safe-browsing-extended-reporting-enabled"
+ <div class="checkbox controlled-setting-with-label">
+ <label>
+ <input
metric="Options_SafeBrowsingExtendedReportingCheckbox"
pref="safebrowsing.extended_reporting_enabled"
type="checkbox">
<span>
- <label for="safe-browsing-extended-reporting-enabled"
- i18n-content="safeBrowsingEnableExtendedReporting">
- </label>
+ <span i18n-content="safeBrowsingEnableExtendedReporting"></span>
<span class="controlled-setting-indicator"
- pref="safebrowsing.extended_reporting_enabled">
- </span>
+ pref="safebrowsing.extended_reporting_enabled"></span>
</span>
- </span>
+ </label>
</div>
- <div class="checkbox">
- <span class="controlled-setting-with-label">
- <input id="safeBrowsingEnabled" pref="safebrowsing.enabled"
+ <div class="checkbox controlled-setting-with-label">
+ <label>
+ <input pref="safebrowsing.enabled"
metric="Options_SafeBrowsingCheckbox" type="checkbox">
<span>
- <label for="safeBrowsingEnabled"
- i18n-content="safeBrowsingEnableProtection">
- </label>
+ <span i18n-content="safeBrowsingEnableProtection"></span>
<span class="controlled-setting-indicator"
- pref="safebrowsing.enabled">
- </span>
+ pref="safebrowsing.enabled"></span>
</span>
- </span>
+ </label>
</div>
<if expr="_google_chrome">
- <div class="checkbox">
- <span class="controlled-setting-with-label">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
<input id="spelling-enabled-control" type="checkbox"
metric="Options_SpellingServiceCheckbox"
pref="spellcheck.use_spelling_service" dialog-pref>
<span>
- <label for="spelling-enabled-control" i18n-content="spellingPref">
- </label>
+ <span i18n-content="spellingPref"></span>
<span id="spelling-enabled-indicator"
class="controlled-setting-indicator"
pref="spellcheck.use_spelling_service" dialog-pref>
</span>
- </span>
- </span>
+ </label>
</div>
- <div id="metricsReportingSetting" class="checkbox">
- <span class="controlled-setting-with-label">
+ <div id="metricsReportingSetting"
+ class="checkbox controlled-setting-with-label">
<if expr="chromeos">
+ <label>
<input id="metricsReportingEnabled"
pref="cros.metrics.reportingEnabled" type="checkbox">
<span>
- <label for="metricsReportingEnabled" i18n-content="enableLogging">
- </label>
+ <span i18n-content="enableLogging"></span>
<span class="controlled-setting-indicator"
- pref="cros.metrics.reportingEnabled">
- </span>
+ pref="cros.metrics.reportingEnabled"></span>
</span>
+ </label>
</if>
<if expr="not chromeos">
- <input id="metricsReportingEnabled"
- pref="user_experience_metrics.reporting_enabled" type="checkbox">
+ <label>
+ <input id="metricsReportingEnabled" type="checkbox">
<span>
- <label for="metricsReportingEnabled" i18n-content="enableLogging">
- </label>
- <span class="controlled-setting-indicator"
- pref="user_experience_metrics.reporting_enabled">
- </span>
- <span id="metrics-reporting-reset-restart">
- <!-- Text filled by JavaScript -->
- <span></span><button class=
- "link-button standalone-link-button"></button><span></span>
- </span>
+ <span i18n-content="enableLogging"></span>
+ <span id="metrics-reporting-disabled-icon"
+ class="controlled-setting-indicator"></span>
</span>
-</if>
+ </label>
+ <span id="metrics-reporting-reset-restart">
+ <!-- Text filled by JavaScript -->
+ <span></span><button class=
+ "link-button standalone-link-button"></button><span></span>
</span>
+</if>
</div>
</if> <!-- _google_chrome -->
<div class="checkbox">
</label>
</div>
<if expr="chromeos">
- <div class="checkbox">
- <span class="controlled-setting-with-label">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
<input id="content-protection-attestation-enabled" type="checkbox"
pref="cros.device.attestation_for_content_protection_enabled">
<span>
- <label for="content-protection-attestation-enabled"
- i18n-content="enableContentProtectionAttestation">
- </label>
- <a target="_blank" i18n-content="learnMore"
- i18n-values="href:contentProtectionAttestationLearnMoreURL">
- </a>
+ <span i18n-content="enableContentProtectionAttestation"></span>
<span class="controlled-setting-indicator"
pref="cros.device.attestation_for_content_protection_enabled">
</span>
</span>
- </span>
+ </label>
+ <a target="_blank" i18n-content="learnMore"
+ i18n-values="href:contentProtectionAttestationLearnMoreURL">
+ </a>
</div>
</if>
<div id="hotword-search" hidden>
- <div class="checkbox">
- <span class="controlled-setting-with-label">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
<input id="hotword-search-enable" pref="hotword.search_enabled_2"
metric="Options_HotwordCheckbox" type="checkbox" dialog-pref>
<span>
- <label for="hotword-search-enable"
- i18n-values=".innerHTML:hotwordSearchEnable">
- </label>
+ <span i18n-values=".innerHTML:hotwordSearchEnable"></span>
<span id="hotword-search-setting-indicator"
- pref="hotword.search_enabled_2" dialog-pref>
- </span>
+ pref="hotword.search_enabled_2" dialog-pref></span>
</span>
- </span>
+ </label>
</div>
</div>
</div>
</if> <!-- chromeos -->
<section id="passwords-and-autofill-section">
<h3 i18n-content="passwordsAndAutofillGroupName"></h3>
- <div class="checkbox">
- <span class="controlled-setting-with-label">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
<input id="autofill-enabled" pref="autofill.enabled"
metric="Options_FormAutofill" type="checkbox">
<span>
- <label for="autofill-enabled" i18n-content="autofillEnabled"></label>
+ <span i18n-content="autofillEnabled"></span>
<span class="controlled-setting-indicator" pref="autofill.enabled">
</span>
- <button id="autofill-settings" class="link-button"
- i18n-content="manageAutofillSettings">
- </button>
</span>
- </span>
+ </label>
+ <button id="autofill-settings" class="link-button"
+ i18n-content="manageAutofillSettings">
+ </button>
</div>
- <div class="checkbox">
- <span class="controlled-setting-with-label">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
<input id="password-manager-enabled"
pref="profile.password_manager_enabled"
metric="Options_PasswordManager" type="checkbox">
<span>
- <label for="password-manager-enabled"
- i18n-content="passwordManagerEnabled">
- </label>
+ <span i18n-content="passwordManagerEnabled"></span>
<span class="controlled-setting-indicator"
- pref="profile.password_manager_enabled">
- </span>
- <button id="manage-passwords" class="link-button"
- i18n-content="managePasswords">
- </button>
+ pref="profile.password_manager_enabled"></span>
</span>
- </span>
+ </label>
+ <button id="manage-passwords" class="link-button"
+ i18n-content="managePasswords"></button>
</div>
<if expr="is_macosx">
<div id="mac-passwords-warning" i18n-content="macPasswordsWarning" hidden>
<h3 i18n-content="easyUnlockSectionTitle"></h3>
<!-- Options shown when the user has not set up Easy Unlock -->
<div id='easy-unlock-setup' hidden>
- <div class="controlled-setting-with-label">
+ <div class="settings-row">
<span i18n-content="easyUnlockSetupIntro"></span>
<a target="_blank" i18n-content="learnMore"
i18n-values="href:easyUnlockLearnMoreURL"></a>
</div>
<!-- Options shown when the user has set up Easy Unlock -->
<div id='easy-unlock-enable' hidden>
- <div class="controlled-setting-with-label">
+ <div class="settings-row">
<span i18n-content="easyUnlockDescription"></span>
<a target="_blank" i18n-content="learnMore"
i18n-values="href:easyUnlockLearnMoreURL"></a>
<button id="language-button"
i18n-content="languageAndSpellCheckSettingsButton"></button>
</div>
- <div class="checkbox">
- <span class="controlled-setting-with-label">
- <input id="enableTranslate" pref="translate.enabled"
+ <div class="checkbox controlled-setting-with-label">
+ <label>
+ <input pref="translate.enabled"
metric="Options_Translate" type="checkbox">
<span>
- <label for="enableTranslate" i18n-content="translateEnableTranslate">
- </label>
+ <span i18n-content="translateEnableTranslate"></span>
<span class="controlled-setting-indicator" pref="translate.enabled">
</span>
- <button id="manage-languages" class="link-button"
- i18n-content="manageLanguages"></button>
</span>
- </span>
+ </label>
+ <button id="manage-languages" class="link-button"
+ i18n-content="manageLanguages"></button>
</div>
</section>
<section id="downloads-section">
pref="download.default_directory">
</span>
</div>
- <div class="checkbox">
- <span class="controlled-setting-with-label">
- <input id="prompt-for-download" type="checkbox"
- pref="download.prompt_for_download"
- metric="Options_AskForSaveLocation">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
+ <input type="checkbox"
+ pref="download.prompt_for_download"
+ metric="Options_AskForSaveLocation">
<span>
- <label for="prompt-for-download"
- i18n-content="downloadLocationAskForSaveLocation">
- </label>
+ <span i18n-content="downloadLocationAskForSaveLocation"></span>
<span class="controlled-setting-indicator"
- pref="download.prompt_for_download">
- </span>
+ pref="download.prompt_for_download"></span>
</span>
- </span>
+ </label>
</div>
<if expr="chromeos">
- <div class="checkbox" id="disable-drive-row" guest-visibility="disabled">
- <span class="controlled-setting-with-label">
- <input id="drive-disabled" type="checkbox"
+ <div class="checkbox controlled-setting-with-label"
+ id="disable-drive-row" guest-visibility="disabled">
+ <label>
+ <input type="checkbox"
pref="gdata.disabled"
metric="Options_DisableGData">
<span>
- <label for="drive-disabled" i18n-content="disableGData"></label>
+ <span i18n-content="disableGData"></span>
<span class="controlled-setting-indicator" pref="gdata.disabled">
</span>
</span>
- </span>
+ </label>
</div>
</if>
<div id="auto-open-file-types-section" hidden>
<a target="_blank" i18n-content="learnMore"
i18n-values="href:cloudPrintLearnMoreURL"></a>
</div>
- <button id="cloudPrintDevicesPageButton"
- i18n-content="cloudPrintDevicesPageButton">
- </button>
+ <div class="settings-row">
+ <button id="cloudPrintDevicesPageButton"
+ i18n-content="cloudPrintDevicesPageButton"></button>
+ </div>
- <div class="checkbox"
+ <div class="settings-row checkbox controlled-setting-with-label"
i18n-values=".hidden: cloudPrintHideNotificationsCheckbox">
- <span class="controlled-setting-with-label">
+ <label>
<input id="local-discovery-notifications-enabled"
- pref="local_discovery.notifications_enabled"
- type="checkbox"
- metric="LocalDiscoveryNotificationsDisabled_Settings">
+ pref="local_discovery.notifications_enabled"
+ type="checkbox"
+ metric="LocalDiscoveryNotificationsDisabled_Settings">
<span>
- <label for="local-discovery-notifications-enabled"
- i18n-content="cloudPrintEnableNotificationsLabel">
- </label>
+ <span i18n-content="cloudPrintEnableNotificationsLabel"></span>
<span class="controlled-setting-indicator"
- pref="local_discovery.notifications_enabled">
- </span>
+ pref="local_discovery.notifications_enabled"></span>
</span>
- </span>
+ </label>
</div>
</section>
</if>
<if expr="chromeos">
<include src="startup_section.html">
- <section>
- <h3 i18n-content="accessibilityTitle"></h3>
- <div class="option-control-table">
- <p id="accessibility-explanation" class="settings-row">
- <span i18n-content="accessibilityExplanation"></span>
- <a id="accessibility-learn-more" target="_blank"
- i18n-content="learnMore"></a>
- </p>
- <div class="option-name">
- <div class="checkbox">
- <span class="controlled-setting-with-label">
- <input id="accessibility-should-always-show-menu"
- pref="settings.a11y.enable_menu" type="checkbox"
- metric="Options_AccessibilitySystemMenu">
- <span>
- <label for="accessibility-should-always-show-menu"
- i18n-content="accessibilityAlwaysShowMenu">
- </label>
- <span class="controlled-setting-indicator"
- pref="settings.a11y.enable_menu">
- </span>
+</if>
+
+<section>
+ <h3 i18n-content="accessibilityTitle"></h3>
+
+ <div>
+ <a href="https://chrome.google.com/webstore/category/collection/accessibility"
+ id="accessibility-features" target="_blank"
+ i18n-content="accessibilityFeaturesLink"></a>
+ </div>
+
+<if expr="chromeos">
+ <div class="option-control-table">
+ <p id="accessibility-explanation" class="settings-row">
+ <span i18n-content="accessibilityExplanation"></span>
+ <a id="accessibility-learn-more" target="_blank"
+ i18n-content="learnMore"></a>
+ </p>
+ <div class="option-name">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
+ <input
+ pref="settings.a11y.enable_menu" type="checkbox"
+ metric="Options_AccessibilitySystemMenu">
+ <span>
+ <span i18n-content="accessibilityAlwaysShowMenu"></span>
+ <span class="controlled-setting-indicator"
+ pref="settings.a11y.enable_menu"></span>
</span>
- </div>
+ </label>
</div>
- <div class="option-name">
- <div class="checkbox">
- <span class="controlled-setting-with-label">
- <input id="accessibility-large-cursor-check"
- pref="settings.a11y.large_cursor_enabled" type="checkbox"
- metric="Options_AccessibilityLargeMouseCursor">
- <span>
- <label for="accessibility-large-cursor-check"
- i18n-content="accessibilityLargeCursor">
- </label>
- <span class="controlled-setting-indicator"
- pref="settings.a11y.large_cursor_enabled">
- </span>
- </span>
+ </div>
+ <div class="option-name">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
+ <input
+ pref="settings.a11y.large_cursor_enabled" type="checkbox"
+ metric="Options_AccessibilityLargeMouseCursor">
+ <span>
+ <span i18n-content="accessibilityLargeCursor"></span>
+ <span class="controlled-setting-indicator"
+ pref="settings.a11y.large_cursor_enabled"></span>
</span>
- </div>
+ </label>
</div>
- <div class="option-name">
- <div class="checkbox">
- <span class="controlled-setting-with-label">
- <input id="accessibility-high-contrast-check"
- pref="settings.a11y.high_contrast_enabled" type="checkbox"
- metric="Options_AccessibilityHighContrastMode">
- <span>
- <label for="accessibility-high-contrast-check"
- i18n-content="accessibilityHighContrast">
- </label>
- <span class="controlled-setting-indicator"
- pref="settings.a11y.high_contrast_enabled">
- </span>
- </span>
+ </div>
+ <div class="option-name">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
+ <input id="accessibility-high-contrast-check"
+ pref="settings.a11y.high_contrast_enabled" type="checkbox"
+ metric="Options_AccessibilityHighContrastMode">
+ <span>
+ <span i18n-content="accessibilityHighContrast"></span>
+ <span class="controlled-setting-indicator"
+ pref="settings.a11y.high_contrast_enabled"></span>
</span>
- </div>
+ </label>
</div>
- <div id="accessibility-sticky-keys" class="option-name">
- <div class="checkbox">
- <span class="controlled-setting-with-label">
- <input id="accessibility-sticky-keys-check"
- pref="settings.a11y.sticky_keys_enabled" type="checkbox"
- metric="Options_AccessibilityStickyKeys">
- <span>
- <label for="accessibility-sticky-keys-check"
- i18n-content="accessibilityStickyKeys">
- </label>
- <span class="controlled-setting-indicator"
- pref="settings.a11y.sticky_keys_enabled">
- </span>
- </span>
+ </div>
+ <div id="accessibility-sticky-keys" class="option-name">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
+ <input id="accessibility-sticky-keys-check"
+ pref="settings.a11y.sticky_keys_enabled" type="checkbox"
+ metric="Options_AccessibilityStickyKeys">
+ <span>
+ <span i18n-content="accessibilityStickyKeys"></span>
+ <span class="controlled-setting-indicator"
+ pref="settings.a11y.sticky_keys_enabled"></span>
</span>
- </div>
+ </label>
</div>
- <div class="option-name">
- <div class="checkbox">
- <span class="controlled-setting-with-label">
- <input id="accessibility-spoken-feedback-check"
- pref="settings.accessibility" type="checkbox"
- metric="Options_AccessibilitySpokenFeedback">
- <span>
- <label for="accessibility-spoken-feedback-check"
- i18n-content="accessibilitySpokenFeedback">
- </label>
- <span class="controlled-setting-indicator"
- pref="settings.accessibility">
- </span>
- </span>
+ </div>
+ <div class="option-name">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
+ <input id="accessibility-spoken-feedback-check"
+ pref="settings.accessibility" type="checkbox"
+ metric="Options_AccessibilitySpokenFeedback">
+ <span>
+ <span i18n-content="accessibilitySpokenFeedback"></span>
+ <span class="controlled-setting-indicator"
+ pref="settings.accessibility"></span>
</span>
- <div id="accessibility-settings" hidden>
- <button id="accessibility-settings-button"
- i18n-content="accessibilitySettings"></button>
- </div>
+ </label>
+ <div id="accessibility-settings" hidden>
+ <button id="accessibility-settings-button"
+ i18n-content="accessibilitySettings"></button>
</div>
</div>
- <div class="option-name">
- <div class="checkbox">
- <span class="controlled-setting-with-label">
- <input id="accessibility-screen-magnifier-check"
- pref="settings.a11y.screen_magnifier" type="checkbox"
- metric="Options_AccessibilityScreenMagnifier">
- <span>
- <label for="accessibility-screen-magnifier-check"
- i18n-content="accessibilityScreenMagnifier">
- </label>
- <span class="controlled-setting-indicator"
- pref="settings.a11y.screen_magnifier">
- </span>
- </span>
+ </div>
+ <div class="option-name">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
+ <input
+ pref="settings.a11y.screen_magnifier" type="checkbox"
+ metric="Options_AccessibilityScreenMagnifier">
+ <span>
+ <span i18n-content="accessibilityScreenMagnifier"></span>
+ <span class="controlled-setting-indicator"
+ pref="settings.a11y.screen_magnifier"></span>
</span>
- </div>
+ </label>
</div>
- <div class="option-name" id="accessibility-tap-dragging">
- <div class="checkbox">
- <label>
- <input id="accessibility-tap-dragging-check"
- pref="settings.touchpad.enable_tap_dragging" type="checkbox"
- metric="Options_AccessibilityTapDragging">
- <span i18n-content="accessibilityTapDragging"></span>
- </label>
- </div>
+ </div>
+ <div class="option-name" id="accessibility-tap-dragging">
+ <div class="checkbox">
+ <label>
+ <input id="accessibility-tap-dragging-check"
+ pref="settings.touchpad.enable_tap_dragging" type="checkbox"
+ metric="Options_AccessibilityTapDragging">
+ <span i18n-content="accessibilityTapDragging"></span>
+ </label>
</div>
- <div class="option-name" id="accessibility-autoclick">
- <div class="checkbox">
- <span class="controlled-setting-with-label">
- <input id="accessibility-autoclick-check"
- pref="settings.a11y.autoclick" type="checkbox">
- <span>
- <div>
- <div>
- <label for="accessibility-autoclick-check"
- i18n-content="accessibilityAutoclick">
- </label>
- <span class="controlled-setting-indicator"
- pref="settings.a11y.autoclick">
- </span>
- </div>
- <div>
- <label for="accessibility-autoclick-dropdown"
- i18n-content="accessibilityAutoclickDropdown">
- </label>
- <select id="accessibility-autoclick-dropdown" class="control"
- data-type="number"
- pref="settings.a11y.autoclick_delay_ms">
- <option value="200"
- i18n-content="autoclickDelayExtremelyShort"></option>
- <option value="400"
- i18n-content="autoclickDelayVeryShort"></option>
- <option value="600" i18n-content="autoclickDelayShort"></option>
- <option value="800" i18n-content="autoclickDelayLong"></option>
- <option value="1000"
- i18n-content="autoclickDelayVeryLong"></option>
- </select>
- <span class="controlled-setting-indicator"
- pref="settings.a11y.autoclick_delay_ms">
- </span>
- </div>
- </div>
- </span>
+ </div>
+ <div class="option-name" id="accessibility-autoclick">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
+ <input id="accessibility-autoclick-check"
+ pref="settings.a11y.autoclick" type="checkbox">
+ <span>
+ <span i18n-content="accessibilityAutoclick"></span>
+ <span class="controlled-setting-indicator"
+ pref="settings.a11y.autoclick"></span>
</span>
- </div>
+ </label>
</div>
- <div class="option_name" id="accessibility_onscreen_keyboard">
- <div class="checkbox">
- <span class="controlled-setting-with-label">
- <input id="accessibility-virtual-keyboard-check"
- pref="settings.a11y.virtual_keyboard" type="checkbox"
- metric="Options_AccessibilityOnScreenKeyboard">
- <span>
- <label for="accessibility-virtual-keyboard-check"
- i18n-content="accessibilityVirtualKeyboard">
- </label>
- <span class="controlled-setting-indicator"
- pref="settings.a11y.virtual_keyboard">
- </span>
- </span>
+ <div class="checkbox">
+ <!-- No whitespace between elements. -->
+ <input type="checkbox" class="spacer-checkbox"><span
+ id="accessibility-autoclick-label"
+ i18n-content="accessibilityAutoclickDropdown">
+ </span><select id="accessibility-autoclick-dropdown" class="control"
+ data-type="number"
+ aria-labelledby="accessibility-autoclick-label"
+ pref="settings.a11y.autoclick_delay_ms">
+ <option value="200"
+ i18n-content="autoclickDelayExtremelyShort"></option>
+ <option value="400"
+ i18n-content="autoclickDelayVeryShort"></option>
+ <option value="600" i18n-content="autoclickDelayShort">
+ </option>
+ <option value="800" i18n-content="autoclickDelayLong">
+ </option>
+ <option value="1000"
+ i18n-content="autoclickDelayVeryLong"></option>
+ </select>
+ <span class="controlled-setting-indicator"
+ pref="settings.a11y.autoclick_delay_ms"></span>
+ </div>
+ </div>
+ <div class="option_name" id="accessibility_onscreen_keyboard">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
+ <input pref="settings.a11y.virtual_keyboard" type="checkbox"
+ metric="Options_AccessibilityOnScreenKeyboard">
+ <span>
+ <span i18n-content="accessibilityVirtualKeyboard"></span>
+ <span class="controlled-setting-indicator"
+ pref="settings.a11y.virtual_keyboard"></span>
</span>
- </div>
+ </label>
</div>
- </section>
+ </div>
+ </div>
+</if>
+
+</section>
+
<if expr="chromeos">
<section id="factory-reset-section" hidden>
<h3 i18n-content="factoryResetTitle"></h3>
<section id="system-section">
<h3 i18n-content="advancedSectionTitleSystem"></h3>
<if expr="not is_macosx">
- <div class="checkbox">
- <span class="controlled-setting-with-label">
- <input id="backgroundModeCheckbox" pref="background_mode.enabled"
+ <div class="checkbox controlled-setting-with-label">
+ <label>
+ <input pref="background_mode.enabled"
type="checkbox">
<span>
- <label for="backgroundModeCheckbox"
- i18n-content="backgroundModeCheckbox">
- </label>
+ <span i18n-content="backgroundModeCheckbox"></span>
<span class="controlled-setting-indicator"
- pref="background_mode.enabled">
- </span>
+ pref="background_mode.enabled"></span>
</span>
- </span>
+ </label>
</div>
</if>
- <div class="checkbox">
- <span class="controlled-setting-with-label">
+ <div class="checkbox controlled-setting-with-label">
+ <label>
<input id="gpu-mode-checkbox"
pref="hardware_acceleration_mode.enabled" type="checkbox">
- <span>
- <label for="gpu-mode-checkbox"
- i18n-content="gpuModeCheckbox">
- </label>
- <span id="gpu-mode-reset-restart"
- i18n-values=".innerHTML:gpuModeResetRestart">
- </span>
- </span>
- </span>
+ <span i18n-content="gpuModeCheckbox">
+ </label>
+ <span id="gpu-mode-reset-restart"
+ i18n-values=".innerHTML:gpuModeResetRestart"></span>
</div>
</section>
</if>
<button id="advanced-settings-expander" class="link-button"
i18n-content="showAdvancedSettings">
</button>
-<if expr="chromeos">
<button id="version-button" class="link-button" hidden
i18n-content="browserVersion">
</button>
-</if>
</footer>
</div>