Improve accessibility of user image selection screen.

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

 // Copyright (c) 2012 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.
 
 /**
  * @fileoverview Oobe user image screen implementation.
  */
 
 cr.define('oobe', function() {
   var UserImagesGrid = options.UserImagesGrid;
@@ skipping 51 matching lines @@
 
       // Whether a button image is selected.
       this.buttonImageSelected_ = false;
 
       // Photo image data (if present).
       this.photoImage_ = null;
 
       // Profile image data (if present).
       this.profileImage_ = imageGrid.addItem(
           ButtonImages.PROFILE_PICTURE,
-          undefined, undefined, undefined,
+          localStrings.getString('profilePhoto'),
+          undefined,
+          undefined,
           function(el) {  // Custom decorator for Profile image element.
             var spinner = el.ownerDocument.createElement('div');
             spinner.className = 'spinner';
             var spinnerBg = el.ownerDocument.createElement('div');
             spinnerBg.className = 'spinner-bg';
             spinnerBg.appendChild(spinner);
             el.appendChild(spinnerBg);
             el.id = 'profile-image';
           });
       this.profileImageUrl_ = this.profileImage_.url;
@@ skipping 153 matching lines @@
     /**
      * Notifies about camera presence change.
      * @param {boolean} present Whether a camera is present or not.
      * @private
      */
     setCameraPresent_: function(present) {
       var imageGrid = $('user-image-grid');
       if (present && !this.takePhotoButton_) {
         this.takePhotoButton_ = imageGrid.addItem(
             ButtonImages.TAKE_PHOTO,
-            undefined,
+            localStrings.getString('takePhoto'),
             this.handleTakePhoto_.bind(this),
             0);
       } else if (!present && this.takePhotoButton_) {
         imageGrid.removeItem(this.takePhotoButton_);
         this.takePhotoButton_ = null;
       }
     },
 
     /**
      * Adds or updates image with user photo and sets it as preview.
@@ skipping 21 matching lines @@
       if (imageUrl !== null) {
         this.profileImagePresent_ = true;
         this.profileImageUrl_ = imageUrl;
         this.profileImage_ =
             $('user-image-grid').updateItem(this.profileImage_, imageUrl);
       }
     },
 
     /**
      * Appends received images to the list.
-     * @param {Array.<string>} images An array of URLs to user images.
+     * @param {Array.<Object>} imageInfos An array of data about user images.
      * @private
      */
-    setUserImages_: function(images) {
+    setUserImages_: function(imageInfos) {
       var imageGrid = $('user-image-grid');
-      for (var i = 0, url; url = images[i]; i++)
-        imageGrid.addItem(url);
+      for (var i = 0, imageInfo; imageInfo = imageInfos[i]; i++) {
+        imageGrid.addItem(imageInfo.url, imageInfo.title).type = 'default';
+      }
     },
 
     /**
      * Selects user image with the given URL.
      * @param {string} url URL of the image to select.
      * @private
      */
     setSelectedImage_: function(url) {
       var imageGrid = $('user-image-grid');
       imageGrid.selectedItemUrl = url;
@@ skipping 220 matching lines @@
     setProfileImage_: function(imageUrl) {
       this.profileImageLoading = false;
       if (imageUrl !== null) {
         this.profileImage_ =
             $('user-image-grid').updateItem(this.profileImage_, imageUrl);
       }
     },
 
     /**
      * Appends received images to the list.
-     * @param {Array.<string>} images An array of URLs to user images.
+     * @param {Array.<Object>} imageInfos An array of data about user images.
      * @private
      */
-    setUserImages_: function(images) {
+    setUserImages_: function(imageInfos) {
       var imageGrid = $('user-image-grid');
-      for (var i = 0, url; url = images[i]; i++)
-        imageGrid.addItem(url).type = 'default';
+      for (var i = 0, imageInfo; imageInfo = imageInfos[i]; i++) {
+        imageGrid.addItem(imageInfo.url, imageInfo.title).type = 'default';
+      }
     },
 
     /**
      * Selects user image with the given URL.
      * @param {string} url URL of the image to select.
      * @private
      */
     setSelectedImage_: function(url) {
       var imageGrid = $('user-image-grid');
       imageGrid.selectedItemUrl = url;
@@ skipping 37 matching lines @@
   ].forEach(function(name) {
     UserImageScreen[name] = function(value) {
       $('user-image')[name + '_'](value);
     };
   });
 
   return {
     UserImageScreen: UserImageScreen
   };
 });