ChromeOS: Implement Accessibility Options screen of material design OOBE.

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

 // Copyright 2016 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 Polymer element for displaying material design OOBE.
  */
 
 Polymer({
   is: 'oobe-welcome-md',
@@ skipping 33 matching lines @@
 
     /**
      * Flag that shows Language Selection screen.
      */
     languageSelectionScreenShown: {
       type: Boolean,
       value: false,
     },
 
     /**
+     * Flag that shows Accessibility Options screen.
+     */
+    accessibilityOptionsScreenShown: {
+      type: Boolean,
+      value: false,
+    },
+
+    /**
      * Flag that shows Network Selection screen.
      */
     networkSelectionScreenShown: {
       type: Boolean,
       value: false,
     },
 
     /**
      * Flag that enables MD-OOBE.
      */
     enabled: {
       type: Boolean,
       value: false,
     },
+
+    /**
+     * Accessibility options status.
+     * @type {!OobeTypes.A11yStatuses}
+     */
+    a11yStatus: {
+      type: Object,
+    },
   },
 
   /**
    * Hides all screens to help switching from one screen to another.
    */
   hideAllScreens_: function() {
     this.welcomeScreenShown = false;
     this.networkSelectionScreenShown = false;
     this.languageSelectionScreenShown = false;
+    this.accessibilityOptionsScreenShown = false;
   },
 
   /**
    * GUID of the user-selected network. It is remembered after user taps on
    * network entry. After we receive event "connected" on this network,
    * OOBE will proceed.
    */
   networkLastSelectedGuid_: '',
 
   /**
@@ skipping 55 matching lines @@
    * Handle "Language" button for "Welcome" screen.
    *
    * @private
    */
   onWelcomeSelectLanguageButtonClicked_: function() {
     this.hideAllScreens_();
     this.languageSelectionScreenShown = true;
   },
 
   /**
+   * Handle "Accessibility" button for "Welcome" screen.
+   *
+   * @private
+   */
+  onWelcomeAccessibilityButtonClicked_: function() {
+    this.hideAllScreens_();
+    this.accessibilityOptionsScreenShown = true;
+  },
+
+  /**
    * Handle Networwork Setup screen "Proxy settings" button.
    *
    * @private
    */
   OpenProxySettingsDialog_: function(item) {
     chrome.send('launchProxySettingsDialog');
   },
 
   /**
    * Handle Networwork Setup screen "Add WiFi network" button.
@@ skipping 111 matching lines @@
 
   /**
    * Handle "OK" button for "LanguageSelection" screen.
    *
    * @private
    */
   closeLanguageSection_: function() {
     this.hideAllScreens_();
     this.welcomeScreenShown = true;
   },
+
+  /** ******************** Accessibility section ******************* */
+
+  /**
+   * Handle "OK" button for "Accessibility Options" screen.
+   *
+   * @private
+   */
+  closeAccessibilitySection_: function() {
+    this.hideAllScreens_();
+    this.welcomeScreenShown = true;
+  },
+
+  /**
+   * Handle all accessibility buttons.
+   * Note that each <oobe-a11y-option> has chromeMessage attribute
+   * containing Chromium callback name.
+   *
+   * @private
+   * @param {!Event} event
+   */
+  onA11yOptionChanged_: function(event) {
+    chrome.send(
+        event.currentTarget.chromeMessage, [event.currentTarget.checked]);
+  },
 });