chromium/chrome/browser/resources/ash/settings/os_a11y_page/audio_and_captions_page.html

<style include="settings-shared">
  .settings-box {
    padding-inline-start: 0;
  }

  .start-padding {
    padding-inline-start: var(--cr-section-padding);
  }

  .button-container {
    padding-inline-end: var(--cr-section-padding);
    padding-inline-start: var(--cr-section-padding);
  }

  settings-toggle-button,
  cr-link-row {
    padding-inline-end: var(--cr-section-padding);
    padding-inline-start: var(--cr-section-padding);
  }

  .settings-box.indented {
    margin-inline-start: var(--cr-section-indent-width);
  }
</style>

<settings-toggle-button id="monoAudioEnabled"
    pref="{{prefs.settings.a11y.mono_audio}}"
    label="$i18n{monoAudioLabel}"
    sub-label="$i18n{monoAudioDescription}"
    deep-link-focus-id$="[[Setting.kMonoAudio]]">
</settings-toggle-button>
<div class="settings-box start-padding">
  <div class="start settings-box-text" id="startupSoundEnabledLabel">
    $i18n{startupSoundLabel}
  </div>
  <cr-toggle id="startupSoundEnabled"
      aria-labelledby="startupSoundEnabledLabel"
      deep-link-focus-id$="[[Setting.kStartupSound]]"
      on-change="toggleStartupSoundEnabled_">
  </cr-toggle>
</div>
<template is="dom-if"
    if="[[isAccessibilityFlashNotificationFeatureEnabled]]">
  <settings-toggle-button id="flashNotificationsToggle"
    class="hr"
    pref="{{prefs.settings.a11y.flash_notifications_enabled}}"
    label="$i18n{flashNotificationsLabel}"
    sub-label="$i18n{flashNotificationsDescription}"
    deep-link-focus-id$="[[Setting.kFlashNotifications]]">
  </settings-toggle-button>
  <template is="dom-if"
      if="[[prefs.settings.a11y.flash_notifications_enabled.value]]">
    <div class="settings-box indented"
        id="flashNotificationsColorOptionsRow">
      <div class="start settings-box-text"
          id="flashNotificationsColorOptionsLabel">
        $i18n{flashNotificationsColorOptionsLabel}
      </div>
      <div class="button-container">
        <cr-button id="notificationPreviewBtn"
            on-click="previewFlashNotification_"
            aria-label="$i18n{flashNotificationsPreviewButtonLabel}">
          $i18n{flashNotificationsPreviewButton}
        </cr-button>
      </div>
      <settings-dropdown-menu id="notificationColorDropdown"
          pref="{{prefs.settings.a11y.flash_notifications_color}}"
          label="$i18n{flashNotificationsColorOptionsLabel}"
          menu-options="[[notificationColorOptions_]]">
      </settings-dropdown-menu>
    </div>
  </template>
</template>
<template is="dom-if" if="[[!isKioskModeActive_]]">
  <settings-captions prefs="{{prefs}}"
      languages="[[languages]]"
      language-helper="[[languageHelper]]">
  </settings-captions>
</template>