Remove screen reader stop on settings-toggle-button sub label

Bug: 1012567
Change-Id: I0ab6f4144cc5ac4bfe2712ed272b1565cddfcda6
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1909285Reviewed-by: Kyle Horimoto <khorimoto@chromium.org>
Reviewed-by: Steven Bennetts <stevenjb@chromium.org>
Auto-Submit: Bailey Berro <baileyberro@chromium.org>
Commit-Queue: Bailey Berro <baileyberro@chromium.org>
Cr-Commit-Position: refs/heads/master@{#714686}

chrome/browser/resources/settings/controls/settings_toggle_button.html

@@ -55,8 +55,11 @@
     </style>
     <div id="outerRow" noSubLabel$="[[!subLabel]]">
       <div class="flex" id="labelWrapper" hidden$="[[!label]]">
-        <div class="label"  aria-hidden="true">[[label]]</div>
-        <div class="secondary label">[[subLabel]]</div>
+        <div class="label" aria-hidden="true">[[label]]</div>
+        <div class="secondary label" id="sub-label"
+            aria-hidden="true">
+          [[subLabel]]
+        </div>
       </div>
       <slot name="more-actions"></slot>
       <template is="dom-if" if="[[hasPrefPolicyIndicator(pref.*)]]">
@@ -66,6 +69,7 @@
       <cr-toggle id="control" checked="{{checked}}"
           on-change="onChange_"
           aria-label$="[[getAriaLabel_(label, ariaLabel)]]"
+          aria-describedby="sub-label"
           disabled="[[controlDisabled(disabled, pref)]]">
       </cr-toggle>
     </div>