Spoken feedback sounds for user photo capture/discard at image picker added.

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

 // Copyright (c) 2013 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 Locally managed user creation flow screen.
  */
 
 login.createScreen('LocallyManagedUserCreationScreen',
                    'managed-user-creation', function() {
@@ skipping 528 matching lines @@
           loadTimeData.getString('takePhoto'),
           loadTimeData.getString('photoFromCamera'));
 
       this.getScreenElement('take-photo').addEventListener(
           'click', this.handleTakePhoto_.bind(this));
       this.getScreenElement('discard-photo').addEventListener(
           'click', this.handleDiscardPhoto_.bind(this));
 
       // Toggle 'animation' class for the duration of WebKit transition.
       this.getScreenElement('flip-photo').addEventListener(
-          'click', function(e) {
-            previewElement.classList.add('animation');
-            imageGrid.flipPhoto = !imageGrid.flipPhoto;
-          });
+          'click', this.handleFlipPhoto_.bind(this));
       this.getScreenElement('image-stream-crop').addEventListener(
           'webkitTransitionEnd', function(e) {
             previewElement.classList.remove('animation');
           });
       this.getScreenElement('image-preview-img').addEventListener(
           'webkitTransitionEnd', function(e) {
             previewElement.classList.remove('animation');
           });
     },
 
@@ skipping 876 matching lines @@
               });
         } else {
           $('managed-user-creation-image-preview-img').classList.toggle(
               'animated-transform', false);
           imageGrid.stopCamera();
         }
       }
     },
 
     /**
+     * Handle camera-photo flip.
+     */
+    handleFlipPhoto_: function() {
+      var imageGrid = this.getScreenElement('image-grid');
+      imageGrid.previewElement.classList.add('animation');
+      imageGrid.flipPhoto = !imageGrid.flipPhoto;
+      var flipMessageId = imageGrid.flipPhoto ?
+         'photoFlippedAccessibleText' : 'photoFlippedBackAccessibleText';
+      this.announceAccessibleMessage_(
+          loadTimeData.getString(flipMessageId));
+    },
+
+    /**
      * Handle photo capture from the live camera stream.
      */
     handleTakePhoto_: function(e) {
       this.getScreenElement('image-grid').takePhoto();
+      chrome.send('takePhoto');
     },
 
     handlePhotoTaken_: function(e) {
       chrome.send('supervisedUserPhotoTaken', [e.dataURL]);
     },
 
     /**
      * Handle photo updated event.
      * @param {Event} e Event with 'dataURL' property containing a data URL.
      */
     handlePhotoUpdated_: function(e) {
       chrome.send('supervisedUserPhotoTaken', [e.dataURL]);
     },
 
     /**
      * Handle discarding the captured photo.
      */
     handleDiscardPhoto_: function(e) {
       var imageGrid = this.getScreenElement('image-grid');
       imageGrid.discardPhoto();
+      chrome.send('discardPhoto');
     },
 
+    /**
+     * Add an accessible message to the page that will be announced to
+     * users who have spoken feedback on, but will be invisible to all
+     * other users. It's removed right away so it doesn't clutter the DOM.
+     */
+    announceAccessibleMessage_: function(msg) {
+      var element = document.createElement('div');
+      element.setAttribute('aria-live', 'polite');
+      element.style.position = 'relative';
+      element.style.left = '-9999px';
+      element.style.height = '0px';
+      element.innerText = msg;
+      document.body.appendChild(element);
+      window.setTimeout(function() {
+        document.body.removeChild(element);
+      }, 0);
+    },
+
+
     setCameraPresent: function(present) {
       this.getScreenElement('image-grid').cameraPresent = present;
     },
 
     setExistingManagedUsers: function(users) {
       var userList = users;
 
       userList.sort(function(a, b) {
         // Put existing users last.
         if (a.exists != b.exists)
           return a.exists ? 1 : -1;
         // Sort rest by name.
         return a.name.localeCompare(b.name, [], {sensitivity: 'base'});
       });
 
       this.importList_.clearPods();
       for (var i = 0; i < userList.length; ++i)
         this.importList_.addPod(userList[i]);
 
       if (userList.length == 1)
         this.importList_.selectPod(this.managerList_.pods[0]);
 
       if (userList.length > 0 && this.currentPage_ == 'username')
         this.getScreenElement('import-link').hidden = false;
     },
   };
 });