Fix i18n for the color enhancer extension

ui/accessibility/extensions/colorenhancer/src/popup.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.
 
 var site;
 
 /**
  * Toggle between filters 0 and 1 in order to force a repaint.
  * TODO(kevers): Consolidate with filter in CVD.
  * @type {!number}
@@ skipping 89 matching lines @@
  * Creates a radio button for selecting the given type of CVD and a series of
  * color swatches for testing color vision.
  * @param {string} cvdType Type of CVD, either "PROTANOMALY" or "DEUTERANOMALY"
  *     or "TRITANOMALY".
  *  @return {!Element} Row of color swatches with a leading radio button.
  */
 function createTestRow(type) {
   var toCssColor = function(rgb) {
     return 'rgb(' + rgb.join(',') + ')';
   };
-  var row = document.createElement('div');
+  var row = document.createElement('label');
   row.classList.add('row');
 
   var button = document.createElement('input');
   button.id = 'select-' + type;
   button.name = 'cvdType';
   button.setAttribute('type', 'radio');
   button.value = type;
   button.checked = false;
   row.appendChild(button);
   button.addEventListener('change', function() {
     onTypeChange(this.value);
   });
+  button.setAttribute('aria-label', type);
 
   SWATCH_COLORS.forEach(function(data) {
     var swatch = document.querySelector('.swatch.template').cloneNode(true);
     swatch.style.background = toCssColor(data.BACKGROUND);
     swatch.style.color = toCssColor(data[type]);
     swatch.classList.remove('template');
     row.appendChild(swatch);
   });
   return row;
 }
@@ skipping 180 matching lines @@
   debugPrint('onReset');
   resetSiteDeltas();
   update();
 }
 
 /**
  * Attach event handlers to controls and update the filter config values for the
  * currently visible tab.
  */
 function initialize() {
+  var i18nElements = document.querySelectorAll('*[i18n-content]');
+  for (var i = 0; i < i18nElements.length; i++) {
+    var elem = i18nElements[i];
+    var msg = elem.getAttribute('i18n-content');
+    elem.textContent = chrome.i18n.getMessage(msg);
+  }
+
   $('setup').onclick = function() {
     $('setup-panel').classList.remove('collapsed');
     // Store current settings in the event of a canceled setup.
     restoreSettings = {
       type: getDefaultType(),
       severity: getDefaultSeverity()
     };
     // Initalize controls based on current settings.
     setCvdTypeSelection(restoreSettings.type);
     $('severity').value = restoreSettings.severity;
@@ skipping 58 matching lines @@
         return;
       }
     }
     site = 'unknown site';
     update();
   });
 }
 
 // TODO(wnwen): Use Promise instead, more reliable.
 window.addEventListener('load', initialize, false);