MD-Settings: A11y - Label power source and stylus drop downs.

chrome/browser/resources/settings/device_page/stylus.html

 <link rel="import" href="chrome://resources/html/action_link.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="../controls/settings_toggle_button.html">
 <link rel="import" href="../settings_shared_css.html">
 
 <dom-module id="settings-stylus">
   <template>
     <style include="settings-shared md-select">
       .settings-box > .secondary {
@@ skipping 22 matching lines @@
 
     <div class="settings-box">
       <settings-toggle-button class="start"
           pref="{{prefs.settings.launch_palette_on_eject_event}}"
           label="$i18n{stylusAutoOpenStylusTools}"
           disabled="[[!prefs.settings.enable_stylus_tools.value]]">
       </settings-toggle-button>
     </div>
 
     <div class="settings-box">
-      <div class="start">$i18n{stylusNoteTakingApp}</div>
+      <div id="stylusNoteTakingApp" class="start">

[Daniel Erat, 2017/04/13 19:40:16]

mind making this instead be something like stylusNoteTakingAppLabel so its role
is a bit clearer?

[hcarmona, 2017/04/13 20:27:48]

Done.

+        $i18n{stylusNoteTakingApp}
+      </div>
 
       <div id="no-apps" class="secondary"
           hidden$="[[!showNoApps_(appChoices_, waitingForAndroid_)]]">
         $i18n{stylusNoteTakingAppNoneAvailable}
       </div>
 
       <div id="waiting" class="secondary" hidden$="[[!waitingForAndroid_]]">
         $i18n{stylusNoteTakingAppWaitingForAndroid}
         <paper-spinner active></paper-spinner>
       </div>
 
       <div id="select-app" class="md-select-wrapper"
           hidden$="[[!showApps_(appChoices_, waitingForAndroid_)]]">
-        <select id="menu" class="md-select" on-change="onSelectedAppChanged_">
+        <select id="menu" class="md-select" on-change="onSelectedAppChanged_"
+            aria-labelledby="stylusNoteTakingApp">
           <template is="dom-repeat" items="[[appChoices_]]">
             <option value="[[item.value]]" selected="[[item.preferred]]">
               [[item.name]]
             </option>
           </template>
         </select>
         <span class="md-select-underline"></span>
       </div>
     </div>
 
     <!-- TODO(scottchen): Make a proper a[href].settings-box with
          icon-external (see: https://crbug.com/684005)-->
     <div class="settings-box two-line" on-tap="onFindAppsTap_" actionable
         hidden$="[[!prefs.arc.enabled.value]]">
       <div class="start">
         $i18n{stylusFindMoreAppsPrimary}
         <div class="secondary" id="stylusFindMoreAppsSecondary">
           $i18n{stylusFindMoreAppsSecondary}
         </div>
       </div>
       <button class="icon-external" is="paper-icon-button-light"
           aria-label="$i18n{stylusFindMoreAppsPrimary}"
           aria-describedby="stylusFindMoreAppsSecondary"></button>
     </div>
 
   </template>
   <script src="stylus.js"></script>
 </dom-module>