Video Player: Add accessibility annotations to cast menu

ui/file_manager/video_player/js/video_player.js

 // Copyright 2014 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.
 
 'use strict';
 
 /**
  * @param {Element} playerContainer Main container.
  * @param {Element} videoContainer Container for the video element.
  * @param {Element} controlsContainer Container for video controls.
@@ skipping 75 matching lines @@
 
 FullWindowVideoControls.prototype = { __proto__: VideoControls.prototype };
 
 /**
  * Displays error message.
  *
  * @param {string} message Message id.
  */
 FullWindowVideoControls.prototype.showErrorMessage = function(message) {
   var errorBanner = document.querySelector('#error');
-  errorBanner.textContent =
-      loadTimeData.getString(message);
+  errorBanner.textContent = loadTimeData.getString(message);
   errorBanner.setAttribute('visible', 'true');
 
   // The window is hidden if the video has not loaded yet.
   chrome.app.window.current().show();
 };
 
 /**
  * Handles playback (decoder) errors.
  * @param {MediaError} error Error object.
  * @private
@@ skipping 142 matching lines @@
   arrowRight.addEventListener('click', this.advance_.wrap(this, 1));
   var arrowLeft = document.querySelector('.arrow-box .arrow.left');
   arrowLeft.addEventListener('click', this.advance_.wrap(this, 0));
 
   var videoPlayerElement = document.querySelector('#video-player');
   if (videos.length > 1)
     videoPlayerElement.setAttribute('multiple', true);
   else
     videoPlayerElement.removeAttribute('multiple');
 
-  document.querySelector('#cast-menu').setAttribute(
-      'playon-text',
-      loadTimeData.getString('VIDEO_PLAYER_PLAY_ON'));
-
   document.addEventListener('keydown', reloadVideo);
   document.addEventListener('click', reloadVideo);
 };
 
 /**
  * Unloads the player.
  */
 function unload() {
   // Releases keep awake just in case (should be released on unloading video).
   chrome.power.releaseKeepAwake();
@@ skipping 50 matching lines @@
               'url(' + url + '&access_token=' + token + ')';
         }).catch(function() {
           // Shows no image on error.
           document.querySelector('#thumbnail').style.backgroundImage = '';
         });
 
     var videoElementInitializePromise;
     if (this.currentCast_) {
       videoPlayerElement.setAttribute('casting', true);
 
-      document.querySelector('#cast-name-label').textContent =
-          loadTimeData.getString('VIDEO_PLAYER_PLAYING_ON');
       document.querySelector('#cast-name').textContent =
           this.currentCast_.friendlyName;
 
       videoPlayerElement.setAttribute('castable', true);
 
       videoElementInitializePromise =
         media.isAvailableForCast().then(function(result) {
             if (!result)
               return Promise.reject('No casts are available.');
 
@@ skipping 214 matching lines @@
     var currentCastAvailable = casts.some(function(cast) {
       return this.currentCast_.label === cast.label;
     }.wrap(this));
 
     if (!currentCastAvailable)
       this.onCurrentCastDisappear_();
   }
 
   var item = new cr.ui.MenuItem();
   item.label = loadTimeData.getString('VIDEO_PLAYER_PLAY_THIS_COMPUTER');
+  item.setAttribute('aria-label', item.label);
   item.castLabel = '';
   item.addEventListener('activate', this.onCastSelected_.wrap(this, null));
   menu.appendChild(item);
 
   for (var i = 0; i < casts.length; i++) {
     var item = new cr.ui.MenuItem();
     item.label = casts[i].friendlyName;
+    item.setAttribute('aria-label', item.label);
     item.castLabel = casts[i].label;
     item.addEventListener('activate',
                           this.onCastSelected_.wrap(this, casts[i]));
     menu.appendChild(item);
   }
   this.updateCheckOnCastMenu_();
   videoPlayerElement.setAttribute('cast-available', true);
 };
 
 /**
@@ skipping 68 matching lines @@
 
 var player = new VideoPlayer();
 
 /**
  * Initializes the strings.
  * @param {function()} callback Called when the sting data is ready.
  */
 function initStrings(callback) {
   chrome.fileManagerPrivate.getStrings(function(strings) {
     loadTimeData.data = strings;
+    i18nTemplate.process(document, loadTimeData);
     callback();
   }.wrap(null));
 }
 
 var initPromise = Promise.all(
     [new Promise(initVideos.wrap(null)),
      new Promise(initStrings.wrap(null)),
      new Promise(util.addPageLoadHandler.wrap(null))]);
 
 initPromise.then(function(results) {
   var videos = results[0];
   player.prepare(videos);
   return new Promise(player.playFirstVideo.wrap(player));
 }.wrap(null));