Implement the inert attribute

third_party/WebKit/Source/devtools/front_end/accessibility/AccessibilityNodeView.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.
 /**
  * @unrestricted
  */
 Accessibility.AXNodeSubPane = class extends Accessibility.AccessibilitySubPane {
   constructor() {
     super(Common.UIString('Computed Properties'));
 
@@ skipping 570 matching lines @@
       case 'activeModalDialog':
         reasonElement = UI.formatLocalized('Element is hidden by active modal dialog:\u00a0', []);
         break;
       case 'ancestorDisallowsChild':
         reasonElement = UI.formatLocalized('Element is not permitted as child of ', []);
         break;
       // http://www.w3.org/TR/wai-aria/roles#childrenArePresentational
       case 'ancestorIsLeafNode':
         reasonElement = UI.formatLocalized('Ancestor\'s children are all presentational:\u00a0', []);
         break;
-      case 'ariaHidden':
+      case 'ariaHiddenElement':
         var ariaHiddenSpan = createElement('span', 'source-code').textContent = 'aria-hidden';
         reasonElement = UI.formatLocalized('Element is %s.', [ariaHiddenSpan]);
         break;
-      case 'ariaHiddenRoot':
+      case 'ariaHiddenSubTree':
         var ariaHiddenSpan = createElement('span', 'source-code').textContent = 'aria-hidden';
         var trueSpan = createElement('span', 'source-code').textContent = 'true';
         reasonElement = UI.formatLocalized('%s is %s on ancestor:\u00a0', [ariaHiddenSpan, trueSpan]);
         break;
       case 'emptyAlt':
         reasonElement = UI.formatLocalized('Element has empty alt text.', []);
         break;
       case 'emptyText':
         reasonElement = UI.formatLocalized('No text content.', []);
         break;
-      case 'inert':
+      case 'inertElement':
         reasonElement = UI.formatLocalized('Element is inert.', []);
         break;
+      case 'inertSubtree':
+        reasonElement = UI.formatLocalized('Element is in an inert subtree from\u00a0', []);
+        break;
       case 'inheritsPresentation':
         reasonElement = UI.formatLocalized('Element inherits presentational role from\u00a0', []);
         break;
       case 'labelContainer':
         reasonElement = UI.formatLocalized('Part of label element:\u00a0', []);
         break;
       case 'labelFor':
         reasonElement = UI.formatLocalized('Label for\u00a0', []);
         break;
       case 'notRendered':
@@ skipping 29 matching lines @@
 
     this._reasonElement =
         Accessibility.AXNodeIgnoredReasonTreeElement.createReasonElement(this._property.name, this._axNode);
     this.listItemElement.appendChild(this._reasonElement);
 
     var value = this._property.value;
     if (value.type === Protocol.Accessibility.AXValueType.Idref)
       this.appendRelatedNodeListValueElement(value);
   }
 };