MD Settings: focus header when dialog shows to signal to AT what's going on

ui/webui/resources/cr_elements/cr_dialog/cr_dialog.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 'cr-dialog' is a component for showing a modal dialog. If the
  * dialog is closed via close(), a 'close' event is fired. If the dialog is
  * canceled via cancel(), a 'cancel' event is fired followed by a 'close' event.
  * Additionally clients can inspect the dialog's |returnValue| property inside
  * the 'close' event listener to determine whether it was canceled or just
@@ skipping 23 matching lines @@
   /** @override */
   ready: function() {
     // If the active history entry changes (i.e. user clicks back button),
     // all open dialogs should be cancelled.
     window.addEventListener('popstate', function() {
       if (!this.ignorePopstate && this.open)
         this.cancel();
     }.bind(this));
   },
 
+  attached: function() {

[Dan Beam, 2017/02/23 06:22:24]

i also considered overriding showModal() but liked this slightly better

[dpapad, 2017/02/23 18:28:35]

Nit: Add @override

Also that looks fine. If/when we address
https://bugs.chromium.org/p/chromium/issues/detail?id=668313, we  will plobably
have to add our own show() method (similar to the cr-action-menu's showAt()), so
we could move this in that method.

[Dan Beam, 2017/02/24 05:43:09]

Done.

+    var title = this.getContentChildren('[select=".title"]');
+    if (title.length)
+      title[0].tabIndex = -1;
+  },
+
   cancel: function() {
     this.fire('cancel');
     HTMLDialogElement.prototype.close.call(this, '');
   },
 
   /**
    * @param {string=} opt_returnValue
    * @override
    */
   close: function(opt_returnValue) {
     HTMLDialogElement.prototype.close.call(this, 'success');
   },
 
   /** @return {!PaperIconButtonElement} */
   getCloseButton: function() {
     return this.$.close;
   },
 });