MD Settings: label and describe a bunch of subpage/open-in-new buttons

chrome/browser/resources/settings/people_page/people_page.html

 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/icon.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
@@ skipping 105 matching lines @@
 <if expr="not chromeos">
             <div class="middle two-line no-min-width"
                 on-tap="onProfileNameTap_" actionable>
 </if>
 <if expr="chromeos">
             <div class="middle two-line no-min-width" on-tap="onPictureTap_"
                 actionable>
 </if>
               <div class="flex text-elide">
                 <span id="profile-name">[[profileName_]]</span>
-                <div class="secondary" hidden="[[!syncStatus.signedIn]]">
+                <div class="secondary" hidden="[[!syncStatus.signedIn]]"
+                    id="profileNameSecondary">
                   [[syncStatus.signedInUsername]]
                 </div>
               </div>
-              <button class="subpage-arrow" is="paper-icon-button-light">
-              </button>
+              <button class="subpage-arrow" is="paper-icon-button-light"
+                  aria-labelledby="profile-name"
+                  aria-describedby="profileNameSecondary"></button>
             </div>
 <if expr="not chromeos">
             <template is="dom-if" if="[[showSignin_(syncStatus)]]">
               <span class="secondary-action">
                 <paper-button class="primary-button" on-tap="onSigninTap_"
                     disabled="[[syncStatus.setupInProgress]]">
                   $i18n{syncSignin}
                 </paper-button>
               </span>
             </template>
@@ skipping 35 matching lines @@
         <template is="dom-if"
             if="[[isAdvancedSyncSettingsVisible_(syncStatus)]]">
           <div class="settings-box two-line" on-tap="onSyncTap_"
               id="sync-status" actionable$="[[isSyncStatusActionable_(
               syncStatus)]]">
             <div class="icon-container">
               <iron-icon id="sync-icon" icon$="[[getSyncIcon_(syncStatus)]]">
               </iron-icon>
             </div>
             <div class="middle">
-              <div>$i18n{sync}</div>
-              <div class$="secondary [[getSyncStatusTextClass_(syncStatus)]]">
+              $i18n{sync}
+              <div class$="secondary [[getSyncStatusTextClass_(syncStatus)]]"
+                  id="syncSecondary">
                 [[syncStatus.statusText]]
               </div>
             </div>
-            <button class="subpage-arrow" is="paper-icon-button-light"></button>
+            <button class="subpage-arrow" is="paper-icon-button-light"
+                aria-label="$i18n{sync}"
+                aria-describedby="syncSecondary"></button>
           </div>
         </template>
 
         <div class="settings-box three-line" id="activity-controls"
             on-tap="onActivityControlsTap_" actionable
             hidden="[[!syncStatus.signedIn]]">
           <div class="icon-container">
             <div id="googleg-logo"></div>
           </div>
           <div class="middle">
-            <div>$i18n{personalizeGoogleServicesTitle}</div>
-            <div class="secondary">$i18n{personalizeGoogleServicesText}</div>
+            $i18n{personalizeGoogleServicesTitle}
+            <div class="secondary" id="personalizeGoogleServicesSecondary">
+              $i18n{personalizeGoogleServicesText}
+            </div>
           </div>
-          <button class="icon-external" is="paper-icon-button-light"></button>
+          <button class="icon-external" is="paper-icon-button-light"
+              aria-label="$i18n{personalizeGoogleServicesTitle}"
+              aria-describedby="personalizeGoogleServicesSecondary"></button>
         </div>
 
 <if expr="chromeos">
         <template is="dom-if" if="[[!quickUnlockEnabled_]]">
           <div class="settings-box">
             <settings-toggle-button class="start"
                 pref="{{prefs.settings.enable_screen_lock}}"
                 label="$i18n{enableScreenlock}">
             </settings-toggle-button>
           </div>
         </template>
 
         <template is="dom-if" if="[[quickUnlockEnabled_]]">
           <div class="settings-box two-line" actionable
                on-tap="onConfigureLockTap_">
             <div class="start">
               $i18n{lockScreenTitle}
-              <div class="secondary">
+              <div class="secondary" id="lockScreenSecondary">
                 [[getPasswordState_(hasPin,
                                     prefs.settings.enable_screen_lock.value)]]
               </div>
             </div>
-            <button class="subpage-arrow" is="paper-icon-button-light"></button>
+            <button class="subpage-arrow" is="paper-icon-button-light"
+                aria-label="$i18n{lockScreenTitle}"
+                aria-describedby="lockScrenSecondary"></button>
           </div>
         </template>
 
         <template is="dom-if" if="[[easyUnlockAllowed_]]">
           <div id="easy-unlock" class="settings-box two-line">
             <div class="start">
               <div>$i18n{easyUnlockSectionTitle}</div>
               <div class="secondary">
                 <template is="dom-if" if="[[!easyUnlockEnabled_]]">
                   $i18n{easyUnlockSetupIntro}
@@ skipping 31 matching lines @@
                 </paper-button>
               </template>
             </div>
           </div>
         </template>
 </if>
 
         <div id="manage-other-people-subpage-trigger"
             class="settings-box" on-tap="onManageOtherPeople_" actionable>
           <div class="start">$i18n{manageOtherPeople}</div>
-          <button class="subpage-arrow" is="paper-icon-button-light"></button>
+          <button class="subpage-arrow" is="paper-icon-button-light"
+              aria-label="$i18n{manageOtherPeople}"></button>
         </div>
 
 <if expr="not chromeos">
         <div class="settings-box" on-tap="onImportDataTap_" actionable>
           <div class="start">$i18n{importTitle}</div>
-          <button class="subpage-arrow" is="paper-icon-button-light"></button>
+          <button class="subpage-arrow" is="paper-icon-button-light"
+              aria-label="$i18n{importTitle}"></button>
         </div>
 </if>
 
         <template is="dom-if" if="[[profileManagesSupervisedUsers_]]">
           <div id="manageSupervisedUsersContainer" class="settings-box two-line"
               on-tap="onManageSupervisedUsers_" actionable>
             <div class="start">
               $i18n{manageSupervisedUsers}
-              <div class="secondary">
+              <div class="secondary" id="manageSupervisedUsersSecondary">
                 $i18n{manageSupervisedUsersDescription}
               </div>
             </div>
-            <button class="icon-external" is="paper-icon-button-light"></button>
+            <button class="icon-external" is="paper-icon-button-light"
+                aria-label="$i18n{manageSupervisedUsers}"
+                aria-describedby="manageSupervisedUsersSecondary"></button>
           </div>
         </template>
       </neon-animatable>
       <template is="dom-if" route-path="/syncSetup"
           no-search$="[[!isAdvancedSyncSettingsVisible_(syncStatus)]]">
         <settings-subpage
             associated-control="[[$$('#sync-status')]]"
             page-title="$i18n{syncPageTitle}"
             no-search$="[[!isAdvancedSyncSettingsVisible_(syncStatus)]]">
           <settings-sync-page></settings-sync-page>
@@ skipping 91 matching lines @@
 <if expr="chromeos">
     <template is="dom-if" if="[[showEasyUnlockTurnOffDialog_]]">
       <easy-unlock-turn-off-dialog id="easyUnlockTurnOffDialog"
           on-close="onEasyUnlockTurnOffDialogClose_">
       </easy-unlock-turn-off-dialog>
     </template>
 </if>
   </template>
   <script src="people_page.js"></script>
 </dom-module>