ChromeOS OOBE: Add ARIA-labels for OOBE screens.

chrome/browser/resources/chromeos/login/oobe_welcome.html

 <!-- Copyright 2016 The Chromium Authors. All rights reserved.
      Use of this source code is governed by a BSD-style license that can be
      found in the LICENSE file. -->
 
 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_icon.html">
 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_select.html">
 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-iconset-svg.html">
@@ skipping 63 matching lines @@
       </div>
       <div class="footer layout vertical">
         <template is="dom-if" if="[[enabled]]">
           <div id="languageDropdownContainer"
               class="flex layout horizontal justified language-selection-entry">
             <div class="language-selection-title layout vertical center-justified">
               $i18n{languageDropdownTitle}
             </div>
             <oobe-i18n-dropdown id="languageSelect" items="[[languages]]"
                 on-select-item="onLanguageSelected_"
-                label="$i18n{languageDropdownTitle}">
+                aria-label="[[formatMessage_(languageDropdownLabel_, currentLanguage)]]"

[stevenjb, 2017/02/08 20:47:53]

Fix wrapping ( you can separate parameters on different lines, e.g.:

                aria-label="[[formatMessage_(languageDropdownLabel_,
                    currentLanguage)]]">

[Alexander Alekseev, 2017/02/08 21:43:53]

Done.

+                >
             </oobe-i18n-dropdown>
           </div>
           <div id="keyboardDropdownContainer"
               class="flex layout horizontal justified language-selection-entry">
             <div class="language-selection-title layout vertical center-justified">
               $i18n{keyboardDropdownTitle}
             </div>
             <oobe-i18n-dropdown id="keyboardSelect" items="[[keyboards]]"
                 on-select-item="onKeyboardSelected_"
-                label="$i18n{keyboardDropdownTitle}">
+                aria-label="[[formatMessage_(keyboardDropdownLabel_, currentKeyboard)]]"

[stevenjb, 2017/02/08 20:47:53]

wrapping

[Alexander Alekseev, 2017/02/08 21:43:53]

Done.

+                >
             </oobe-i18n-dropdown>
           </div>
         </template>
       </div>
       <div class="bottom-buttons layout horizontal end-justified">
         <oobe-text-button inverse on-tap="closeLanguageSection_">
           <div>$i18n{oobeOKButtonText}</div>
         </oobe-text-button>
       </div>
     </oobe-dialog>
     <oobe-dialog id="accessibilityScreen"
         hidden="[[!accessibilityOptionsScreenShown]]" has-buttons>
       <iron-icon icon="icons:accessibility" class="oobe-icon"></iron-icon>
       <div class="header">
         <h1 class="title">$i18n{accessibilitySectionTitle}</h1>
         <div class="subtitle">$i18n{accessibilitySectionHint}</div>
       </div>
       <div class="footer layout vertical">
         <oobe-a11y-option checked="[[a11yStatus.spokenFeedbackEnabled]]"
             on-change="onA11yOptionChanged_"
-            chrome-message="enableSpokenFeedback">
+            chrome-message="enableSpokenFeedback"
+            aria-label="$i18n{spokenFeedbackOption}">
           <span class="title">$i18n{spokenFeedbackOption}</span>
           <span class="checked-value">$i18n{spokenFeedbackOptionOn}</span>
           <span class="unchecked-value">$i18n{spokenFeedbackOptionOff}</span>
         </oobe-a11y-option>
         <oobe-a11y-option checked="[[a11yStatus.largeCursorEnabled]]"
             on-change="onA11yOptionChanged_"
-            chrome-message="enableLargeCursor">
+            chrome-message="enableLargeCursor"
+            aria-label="$i18n{largeCursorOption}">
           <span class="title">$i18n{largeCursorOption}</span>
           <span class="checked-value">$i18n{largeCursorOptionOn}</span>
           <span class="unchecked-value">$i18n{largeCursorOptionOff}</span>
         </oobe-a11y-option>
         <oobe-a11y-option checked="[[a11yStatus.highContrastEnabled]]"
             on-change="onA11yOptionChanged_"
-            chrome-message="enableHighContrast">
+            chrome-message="enableHighContrast"
+            aria-label="$i18n{highContrastOption}">
           <span class="title">$i18n{highContrastOption}</span>
           <span class="checked-value">$i18n{highContrastOptionOn}</span>
           <span class="unchecked-value">$i18n{highContrastOptionOff}</span>
         </oobe-a11y-option>
         <oobe-a11y-option checked="[[a11yStatus.screenMagnifierEnabled]]"
             on-change="onA11yOptionChanged_"
-            chrome-message="enableScreenMagnifier">
+            chrome-message="enableScreenMagnifier"
+            aria-label="$i18n{screenMagnifierOption}">
           <span class="title">$i18n{screenMagnifierOption}</span>
           <span class="checked-value">$i18n{screenMagnifierOptionOn}</span>
           <span class="unchecked-value">$i18n{screenMagnifierOptionOff}</span>
         </oobe-a11y-option>
         <oobe-a11y-option checked="[[a11yStatus.virtualKeyboardEnabled]]"
             on-change="onA11yOptionChanged_"
-            chrome-message="enableVirtualKeyboard">
+            chrome-message="enableVirtualKeyboard"
+            aria-label="$i18n{virtualKeyboardOption}">
           <span class="title">$i18n{virtualKeyboardOption}</span>
           <span class="checked-value">$i18n{virtualKeyboardOptionOn}</span>
           <span class="unchecked-value">$i18n{virtualKeyboardOptionOff}</span>
         </oobe-a11y-option>
       </div>
       <div class="bottom-buttons layout horizontal end-justified">
         <oobe-text-button inverse on-tap="closeAccessibilitySection_">
           <div>$i18n{oobeOKButtonText}</div>
         </oobe-text-button>
       </div>
     </oobe-dialog>
     <oobe-dialog id="timezoneScreen" hidden="[[!timezoneScreenShown]]"
        has-buttons>
       <iron-icon icon="oobe-welcome-64:timezone" class="oobe-icon"></iron-icon>
       <div class="header">
         <h1 class="title">$i18n{timezoneSectionTitle}</h1>
       </div>
       <div class="footer layout vertical">
         <div class="flex layout horizontal justified timezone-selection-entry">
           <div class="timezone-selection-title layout vertical center-justified">
             $i18n{timezoneDropdownTitle}
           </div>
           <oobe-i18n-dropdown id="timezoneSelect" items="[[timezones]]"
               on-select-item="onTimezoneSelected_"
-              label="$i18n{timezoneDropdownTitle}">
+              aria-label="$i18n{timezoneDropdownTitle}">
           </oobe-i18n-dropdown>
         </div>
       </div>
       <div class="bottom-buttons layout horizontal end-justified">
         <oobe-text-button inverse on-tap="closeTimezoneSection_">
           <div>$i18n{oobeOKButtonText}</div>
         </oobe-text-button>
       </div>
     </oobe-dialog>
     <oobe-dialog id="networkSelectionScreen"
@@ skipping 15 matching lines @@
       <div class="bottom-buttons layout horizontal justified">
         <oobe-back-button on-tap="onNetworkSelectionBackButtonPressed_">
         </oobe-back-button>
         <oobe-next-button disabled="[[!isConnected_]]"
             on-tap="onSelectedNetworkConnected_">
         </oobe-next-button>
       </div>
     </oobe-dialog>
   </template>
 </dom-module>