ChromeOS OOBE: More accessibility fixes.

chrome/browser/resources/chromeos/login/oobe_eula.html

 <!-- 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. -->
 
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-iconset-svg.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 
@@ skipping 10 matching lines @@
       </g>
     </defs>
   </svg>
 </iron-iconset-svg>
 
 <dom-module name="oobe-eula-md">
   <template>
     <link rel="stylesheet" href="oobe_eula.css">
     <link rel="stylesheet" href="oobe_dialog_parameters.css">
     <oobe-dialog id="eulaLoadingDialog" hidden="[[!eulaLoadingScreenShown]]"
-        role="dialog" aria-label="$i18n{termsOfServiceLoading}"
+        role="dialog" aria-label$="$i18n{termsOfServiceLoading}"
         has-buttons>
       <iron-icon icon="oobe-eula:googleg" class="oobe-icon"></iron-icon>
       <div class="header">
         <h1 class="title" i18n-content="termsOfServiceLoading"></h1>
       </div>
     </oobe-dialog>
     <oobe-dialog id="eulaDialog" hidden="[[eulaLoadingScreenShown]]"
-        role="dialog" aria-label="$i18n{oobeEulaSectionTitle}"
+        role="dialog" aria-label$="$i18n{oobeEulaSectionTitle}"
         has-buttons>
       <iron-icon icon="oobe-eula:googleg" class="oobe-icon"></iron-icon>
       <div class="header">
         <h1 class="title" i18n-content="oobeEulaSectionTitle"></h1>
       </div>
       <div class="footer flex layout vertical">
         <iframe id="crosEulaFrame" src="chrome://terms"
             role="document" class="flex focus-on-show"
-            aria-label="$i18n{oobeEulaIframeLabel}"
+            aria-label$="$i18n{oobeEulaIframeLabel}"
             on-load="onFrameLoad_">
         </iframe>
         <a id="installationSettings" href="#"
             on-tap="onInstallationSettingsClicked_"
             i18n-content="eulaSystemInstallationSettings">
         </a>
-        <div id="logging">
+        <div id="logging" class="layout horizontal">
           <paper-checkbox aria-labelledby="usage-stats-label" id="usageStats"
               checked="{{usageStatsChecked}}" on-change="onUsageChanged_">
+          </paper-checkbox>
+          <div id="usageStatsLabelContainer">
             <label id="usage-stats-label" i18n-content="checkboxLogging">
             </label>
             <a id="" href="#" i18n-content="learnMore"
                 on-tap="onUsageStatsHelpLinkClicked_">
             </a>
-          </paper-checkbox>
+          </div>
         </div>
       </div>
       <div class="bottom-buttons flex layout horizontal">
         <oobe-back-button on-tap="onEulaBackButtonPressed_">
         </oobe-back-button>
         <div class="flex">
         </div>
         <oobe-text-button id="eula-accept-button" inverse on-tap="eulaAccepted_"
             disabled="[[acceptButtonDisabled]]">
           <div i18n-content="oobeEulaAcceptAndContinueButtonText"
               id="accept-button-text">
           </div>
         </oobe-text-button>
       </div>
     </oobe-dialog>
   </template>
 </dom-module>