MD User Manager: fixes accessibility issues

chrome/browser/resources/md_user_manager/create_profile.html

 <link rel="import" href="chrome://md-user-manager/import_supervised_user.html">
 <link rel="import" href="chrome://md-user-manager/profile_browser_proxy.html">
 <link rel="import" href="chrome://md-user-manager/shared_styles.html">
 <link rel="import" href="chrome://resources/html/action_link.html">
 <link rel="import" href="chrome://resources/html/cr.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/util.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
@@ skipping 64 matching lines @@
         flex-wrap: wrap;
         margin: -12px;
       }
 
       #icons paper-button {
         background: var(--paper-grey-300);
         border: 1px solid rgba(0, 0, 0, .12);
         margin: 12px;
         min-width: 0;
         padding: 6px 4px;
+        --paper-button-flat-keyboard-focus: {
+          outline: auto;
+        };
       }
 
       #icons paper-button[active] {
         border-color: var(--google-blue-500);
       }
 
-      #icons paper-button:focus:not([active]) {
-        outline: 1px dotted #666;
-      }
-
       paper-checkbox {
         --paper-checkbox-label-spacing: 16px;
         --paper-checkbox-size: 20px;
         --primary-text-color: var(--main-text-color);
         margin-top: 24px;
       }
 
       #supervised-user-container {
         -webkit-padding-start: 36px;
       }
@@ skipping 48 matching lines @@
         align-self: center;
         height: 20px;
         width: 20px;
       }
     </style>
     <div id="message-container" hidden="[[!message_]]">
       <iron-icon icon="warning"></iron-icon>
       <span id="message" inner-h-t-m-l="[[message_]]"></span>
     </div>
     <div class="container">
-      <div id="title-bar" i18n-content="createProfileTitle"></div>
+      <div id="title-bar">$i18n{createProfileTitle}</div>
       <paper-input id="nameInput" value="{{profileName_}}" pattern=".*\S.*"
           no-label-float auto-validate>
       </paper-input>
       <div id="icons">
         <template is="dom-repeat" items="[[availableIconUrls_]]">
           <paper-button toggles on-tap="onIconTap_" data-icon-url$="[[item]]"
               active="[[isActiveIcon_(item, profileIconUrl_)]]">
             <img src="[[item]]">
           </paper-button>
         </template>
       </div>
       <paper-checkbox checked="{{isSupervised_}}">
-        [[i18n('manageProfilesSupervisedSignedInLabel')]]
+        $i18n{manageProfilesSupervisedSignedInLabel}
       </paper-checkbox>
       <div id="supervised-user-container">
         <div id="learn-more" >
-          <a is="action-link" on-tap="onLearnMoreTap_">[[i18n('learnMore')]]</a>
+          <a is="action-link" on-tap="onLearnMoreTap_">$i18n{learnMore}</a>
         <div>
         <template is="dom-if" if="[[isSupervised_]]">
           <template is="dom-if" if="[[isSignedIn_(signedInUsers_)]]">
             <paper-dropdown-menu no-label-float>
               <paper-listbox class="dropdown-content"
                   selected="{{signedInUserIndex_}}"
                   attr-for-selected="data-user-index">
                 <paper-item data-user-index$="[[sentinelSignedInUserIndex_]]">
-                  [[i18n('selectAnAccount')]]
+                  $i18n{selectAnAccount}
                 </paper-item>
                 <template is="dom-repeat" items="[[signedInUsers_]]">
                   <paper-item data-user-index$="[[index]]">
                     [[item.username]]
                   </paper-item>
                 </template>
               </paper-listbox>
             </paper-dropdown-menu>
             <a id="import-user" is="action-link" on-tap="onImportUserTap_"
                 hidden="[[isImportUserLinkHidden_(createInProgress_,
                                                   signedInUserIndex_)]]">
-              [[i18n('importExistingSupervisedUserLink')]]
+              $i18n{importExistingSupervisedUserLink}
             </a>
           </template>
           <div id="sign-in-howto-message"
               hidden="[[isSignedIn_(signedInUsers_)]]"
               inner-h-t-m-l="[[i18n('noSignedInUserMessage')]]">
           </div>
         </template>
       </div>
       <div id="actions">
         <paper-spinner active="[[createInProgress_]]"></paper-spinner>
-        <paper-button id="cancel" class="action secondary" i18n-content="cancel"
+        <paper-button id="cancel" class="action secondary"
             on-tap="onCancelTap_">
+          $i18n{cancel}
         </paper-button>
         <paper-button id="save" class="action primary" on-tap="onSaveTap_"
-            i18n-content="createProfileConfirm"
             disabled="[[isSaveDisabled_(createInProgress_, profileName_)]]">
+          $i18n{createProfileConfirm}
         </paper-button>
       </div>
       <import-supervised-user id="importUserPopup"></import-supervised-user>
     </div>
   </template>
   <script src="chrome://md-user-manager/create_profile.js"></script>
 </dom-module>