Add ARIA markup for tabs & tab panels

third_party/WebKit/Source/devtools/front_end/ui/Panel.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
  * 2.  Redistributions in binary form must reproduce the above copyright
@@ skipping 17 matching lines @@
 
 /**
  * @extends {WebInspector.VBox}
  * @constructor
  */
 WebInspector.Panel = function(name)
 {
     WebInspector.VBox.call(this);
 
     this.element.classList.add("panel");
+    this.element.setAttribute("role", "tabpanel");
+    this.element.setAttribute("aria-label", name);
     this.element.classList.add(name);
     this._panelName = name;
 
     this._shortcuts = /** !Object.<number, function(Event=):boolean> */ ({});
 }
 
 // Should by in sync with style declarations.
 WebInspector.Panel.counterRightMargin = 25;
 
 WebInspector.Panel.prototype = {
@@ skipping 178 matching lines @@
 
     /**
      * @override
      * @return {!Promise.<!WebInspector.Panel>}
      */
     panel: function()
     {
         return  /** @type {!Promise<!WebInspector.Panel>} */(this._extension.instance());
     }
 }