Settings People Revamp: Change Picture Minor accessibility upgrades

chrome/browser/resources/settings/people_page/camera.js

 // Copyright 2015 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
  * 'settings-camera' is the Polymer control used to take a picture from the
  * user webcam to use as a ChromeOS profile picture.
  *
  * @group Chrome Settings Elements
@@ skipping 116 matching lines @@
   },
 
   /**
    * Flip the live camera stream.
    * @private
    */
   onTapFlipPhoto_: function() {
     this.isFlipped_ = !this.isFlipped_;
     this.$.userImageStreamCrop.classList.toggle('flip-x', this.isFlipped_);
 
-    // TODO(tommycli): Add announce of accessible message for photo flipping.
+    var flipMessageId = this.isFlipped_ ?
+       'photoFlippedAccessibleText' : 'photoFlippedBackAccessibleText';
+    announceAccessibleMessage(loadTimeData.getString(flipMessageId));
   },
 
   /**
    * Performs photo capture from the live camera stream. 'phototaken' event
    * will be fired as soon as captured photo is available, with 'dataURL'
    * property containing the photo encoded as a data URL.
    * @private
    */
   onTapTakePhoto_: function() {
     if (!this.cameraOnline_)
       return;
     var canvas = /** @type {HTMLCanvasElement} */(
         document.createElement('canvas'));
     canvas.width = CAPTURE_SIZE.width;
     canvas.height = CAPTURE_SIZE.height;
     this.captureFrame_(
         this.$.cameraVideo,
         /** @type {!CanvasRenderingContext2D} */(canvas.getContext('2d')));
 
     var photoDataUrl = this.isFlipped_ ? this.flipFrame_(canvas) :
                                          canvas.toDataURL('image/png');
     this.fire('phototaken', {photoDataUrl: photoDataUrl});
+
+    announceAccessibleMessage(
+        loadTimeData.getString('photoCaptureAccessibleText'));
   },
 
   /**
    * Captures a single still frame from a <video> element, placing it at the
    * current drawing origin of a canvas context.
    * @param {!HTMLVideoElement} video Video element to capture from.
    * @param {!CanvasRenderingContext2D} ctx Canvas context to draw onto.
    * @private
    */
   captureFrame_: function(video, ctx) {
@@ skipping 31 matching lines @@
     canvas.height = CAPTURE_SIZE.height;
     var ctx = canvas.getContext('2d');
     ctx.translate(CAPTURE_SIZE.width, 0);
     ctx.scale(-1.0, 1.0);
     ctx.drawImage(source, 0, 0);
     return canvas.toDataURL('image/png');
   },
 });
 
 })();