ChromeOS OOBE: Add ARIA-labels for OOBE screens.

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

Index: chrome/browser/resources/chromeos/login/oobe_welcome.js
diff --git a/chrome/browser/resources/chromeos/login/oobe_welcome.js b/chrome/browser/resources/chromeos/login/oobe_welcome.js
index 434a0965e48d5615b62f3e1f769e6f868fc5efa0..18bdfbcd1d288703844f5856454bba19cde362ac 100644
--- a/chrome/browser/resources/chromeos/login/oobe_welcome.js
+++ b/chrome/browser/resources/chromeos/login/oobe_welcome.js
@@ -19,11 +19,20 @@ Polymer({
     },
 
     /**
+     * Currently selected input method (display name).
+     */
+    currentKeyboard: {
+      type: String,
+      value: '',
+    },
+
+    /**
      * List of languages for language selector dropdown.
      * @type {!Array<OobeTypes.LanguageDsc>}
      */
     languages: {
       type: Array,
+      observer: "onLanguagesChanged_",
     },
 
     /**
@@ -32,6 +41,7 @@ Polymer({
      */
     keyboards: {
       type: Array,
+      observer: "onKeyboardsChanged_",
     },
 
     /**
@@ -115,7 +125,23 @@ Polymer({
     isConnected_: {
       type: Boolean,
       value: false,
-    }
+    },
+
+    /**
+     * i18n string name for Language dropdown aria-label.
+     */
+    languageDropdownLabel_: {
+      type: String,
+      value: "languageDropdownLabel",
+    },

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

I don't think you need this, you can embed string literals in the html, i.e.
'languageDropdownLabel'.

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

Done.

+
+    /**
+     * i18n string name for Keyboard dropdown aria-label.
+     */
+    keyboardDropdownLabel_: {
+      type: String,
+      value: "keyboardDropdownLabel",
+    },

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

ditto

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

Done.

   },
 
   /** @override */
@@ -390,6 +416,7 @@ Polymer({
   onLanguageSelected_: function(event) {
     var item = event.detail;
     var languageId = item.value;
+    this.currentLanguage = item.title;
     this.screen.onLanguageSelected_(languageId);
   },
 
@@ -402,9 +429,18 @@ Polymer({
   onKeyboardSelected_: function(event) {
     var item = event.detail;
     var inputMethodId = item.value;
+    this.currentKeyboard = item.title;
     this.screen.onKeyboardSelected_(inputMethodId);
   },
 
+  onLanguagesChanged_: function() {
+    this.currentLanguage = Oobe.getSelectedTitle(this.languages);
+  },
+
+  onKeyboardsChanged_: function() {
+    this.currentKeyboard = Oobe.getSelectedTitle(this.keyboards);
+  },
+
   /**
    * Handle "OK" button for "LanguageSelection" screen.
    *
@@ -465,4 +501,14 @@ Polymer({
 
     this.screen.onTimezoneSelected_(item.value);
   },
+
+  /**
+    * This function formats message for labels.
+    * @param String label i18n string ID.
+    * @param String parameter i18n string parameter.
+    * @private
+    */
+  formatMessage_: function(label, parameter) {
+    return loadTimeData.getStringF(label, parameter);
+  },
 });