[Live Caption] Add entrypoint in settings page.

Move the entrypoint to the live caption feature to accessibility
settings, which is the location specified by the PRD. Include the
description text, specified by the PRD. The entrypoint allows
live caption to be enabled on Linux and Windows only. Screenshots
are included and uploaded to Google cloud for translation purposes.

Bug: 1055150
Change-Id: I0c645e9273db95a2e5ec929960bc842b6b3e8cae
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2090100Reviewed-by: Nico Weber <thakis@chromium.org>
Reviewed-by: Dominic Mazzoni <dmazzoni@chromium.org>
Commit-Queue: Abigail Klein <abigailbklein@google.com>
Cr-Commit-Position: refs/heads/master@{#748807}

chrome/app/settings_strings.grdp

@@ -60,6 +60,12 @@
   <message name="IDS_SETTINGS_ACCESSIBLE_IMAGE_LABELS_SUBTITLE" desc="Subtitle for screen reader image labels feature.">
     If an image doesn’t have a useful description, Chrome will try to provide one for you. To create descriptions, images are sent to Google.
   </message>
+  <message name="IDS_SETTINGS_CAPTIONS_ENABLE_LIVE_CAPTION_TITLE" desc="Name of the setting to enable Live Caption.">
+    Live caption
+  </message>
+  <message name="IDS_SETTINGS_CAPTIONS_ENABLE_LIVE_CAPTION_SUBTITLE" desc="Subtitle of the setting to enable Live Caption.">
+    Live caption detects speech in media and automatically generates captions for all media playing in Chrome.
+  </message>
   <if expr="chromeos">
     <!-- Android Apps Page -->
     <message name="IDS_SETTINGS_ANDROID_APPS_TITLE" desc="The title of Google Play Store (Arc++ / Android Apps) section.">

chrome/app/settings_strings_grdp/IDS_SETTINGS_CAPTIONS_ENABLE_LIVE_CAPTION_SUBTITLE.png.sha1

+cf206f45ac340d44f0e2cddd52cde7d2d1039f5c
\ No newline at end of file

chrome/app/settings_strings_grdp/IDS_SETTINGS_CAPTIONS_ENABLE_LIVE_CAPTION_TITLE.png.sha1

+cf206f45ac340d44f0e2cddd52cde7d2d1039f5c
\ No newline at end of file

chrome/app/shared_settings_strings.grdp

@@ -83,9 +83,6 @@
   <message name="IDS_SETTINGS_CAPTIONS_DEFAULT_SETTING" desc="Name of the default setting for the caption text.">
     Default
   </message>
-  <message name="IDS_SETTINGS_CAPTIONS_ENABLE_LIVE_CAPTION" desc="Name of the setting to enable Live Caption.">
-    Enable Live Caption
-  </message>
 
  <!-- Personalization Options SubPage (strings used by the <settings-personalization-options> element) -->
   <message name="IDS_SETTINGS_ENABLE_URL_KEYED_ANONYMIZED_DATA_COLLECTION" desc="The label of the checkbox to enable/disable url keyed anonymized data collection.">

chrome/browser/resources/settings/a11y_page/a11y_page.html

@@ -61,6 +61,13 @@
           <settings-captions prefs="{{prefs}}"></settings-captions>
         </settings-subpage>
       </template>
+      <template is="dom-if" if="[[enableLiveCaption_]]">
+        <settings-toggle-button
+            pref="{{prefs.accessibility.captions.live_caption_enabled}}"
+            label="$i18n{captionsEnableLiveCaptionTitle}"
+            sub-label="$i18n{captionsEnableLiveCaptionSubtitle}">
+        </settings-toggle-button>
+      </template>
 </if>
     </settings-animated-pages>
   </template>

chrome/browser/resources/settings/a11y_page/a11y_page.js

@@ -30,6 +30,16 @@ Polymer({
       notify: true,
     },
 
+    /**
+     * Returns true if the 'LiveCaption' media switch is enabled.
+     */
+    enableLiveCaption_: {
+      type: Boolean,
+      value: function() {
+        return loadTimeData.getBoolean('enableLiveCaption');
+      },
+    },
+
     /**
      * Whether to show accessibility labels settings.
      */

chrome/browser/resources/settings/a11y_page/captions_subpage.html

@@ -122,12 +122,6 @@
         </settings-dropdown-menu>
       </div>
     </div>
-    <template is="dom-if" if="[[enableLiveCaption_]]">
-      <settings-toggle-button
-          pref="{{prefs.accessibility.captions.live_caption_enabled}}"
-          label="$i18n{captionsEnableLiveCaption}">
-      </settings-toggle-button>
-    </template>
   </template>
   <script src="captions_subpage.js"></script>
 </dom-module>

chrome/browser/resources/settings/a11y_page/captions_subpage.js

@@ -23,16 +23,6 @@ Polymer({
       notify: true,
     },
 
-    /**
-     * Returns true if the 'LiveCaption' media switch is enabled.
-     */
-    enableLiveCaption_: {
-      type: Boolean,
-      value: function() {
-        return loadTimeData.getBoolean('enableLiveCaption');
-      },
-    },
-
     /**
      * List of options for the background opacity drop-down menu.
      * @type {!DropdownMenuOptionList}

chrome/browser/ui/webui/settings/settings_localized_strings_provider.cc

@@ -198,6 +198,10 @@ void AddA11yStrings(content::WebUIDataSource* html_source) {
      IDS_SETTINGS_ACCESSIBLE_IMAGE_LABELS_SUBTITLE},
     {"settingsSliderRoleDescription",
      IDS_SETTINGS_SLIDER_MIN_MAX_ARIA_ROLE_DESCRIPTION},
+    {"captionsEnableLiveCaptionTitle",
+     IDS_SETTINGS_CAPTIONS_ENABLE_LIVE_CAPTION_TITLE},
+    {"captionsEnableLiveCaptionSubtitle",
+     IDS_SETTINGS_CAPTIONS_ENABLE_LIVE_CAPTION_SUBTITLE},
 #if defined(OS_CHROMEOS)
     {"manageAccessibilityFeatures",
      IDS_SETTINGS_ACCESSIBILITY_MANAGE_ACCESSIBILITY_FEATURES},

chrome/browser/ui/webui/settings/shared_settings_localized_strings_provider.cc

@@ -78,7 +78,6 @@ void AddCaptionSubpageStrings(content::WebUIDataSource* html_source) {
       {"captionsColorCyan", IDS_SETTINGS_CAPTIONS_COLOR_CYAN},
       {"captionsColorMagenta", IDS_SETTINGS_CAPTIONS_COLOR_MAGENTA},
       {"captionsDefaultSetting", IDS_SETTINGS_CAPTIONS_DEFAULT_SETTING},
-      {"captionsEnableLiveCaption", IDS_SETTINGS_CAPTIONS_ENABLE_LIVE_CAPTION},
   };
   AddLocalizedStringsBulk(html_source, kLocalizedStrings);
 }