core(a11y): upgrade axe-core to 4.1.1, update a11y audits

docs/scoring.md

@@ -23,58 +23,56 @@ All audits in the SEO category are [equally weighted](https://github.com/GoogleC
 
 ## How is the accessibility score calculated?
 
-<!--
-  sum = auditRefs.reduce((sum, item) => sum += item.weight, 0);
-  auditRefs
-    .filter(a => a.weight)
-    .sort((a, b) => b.weight - a.weight)
-    .map(a => [undefined, a.id, `${(a.weight / sum * 100).toLocaleString(undefined, {maximumFractionDigits:1})}%`, undefined].join(' | '))
-    .join('\n')
-  -->
+<!-- To regnerate score weights, run `node lighthouse-core/scripts/print-a11y-scoring.js`-->
 
-The accessibility score is a weighted average. The specific weights, at the time of publishing, are [as follows](https://github.com/GoogleChrome/lighthouse/blob/080c6b4b9fec6dfcaf8e0cd8d09c3224465e4fd3/lighthouse-core/config/default-config.js#L450-L491):
+The accessibility score is a weighted average. The specific weights for v7 are as follows:
+
+(See the [v6 scoring explanation](https://github.com/GoogleChrome/lighthouse/blob/v6.5.0/docs/scoring.md#how-is-the-accessibility-score-calculated))
 
 | audit id | weight |
 |-|-|
- | aria-allowed-attr | 4.2% |
- | aria-hidden-body | 4.2% |
- | aria-required-attr | 4.2% |
- | aria-required-children | 4.2% |
- | aria-required-parent | 4.2% |
- | aria-roles | 4.2% |
- | aria-valid-attr-value | 4.2% |
- | aria-valid-attr | 4.2% |
- | button-name | 4.2% |
- | duplicate-id-aria | 4.2% |
- | image-alt | 4.2% |
- | input-image-alt | 4.2% |
- | label | 4.2% |
- | meta-refresh | 4.2% |
- | meta-viewport | 4.2% |
- | video-caption | 4.2% |
- | video-description | 4.2% |
- | accesskeys | 1.3% |
- | aria-hidden-focus | 1.3% |
- | aria-input-field-name | 1.3% |
- | aria-toggle-field-name | 1.3% |
- | bypass | 1.3% |
- | color-contrast | 1.3% |
- | definition-list | 1.3% |
- | dlitem | 1.3% |
- | document-title | 1.3% |
- | duplicate-id-active | 1.3% |
- | frame-title | 1.3% |
- | html-has-lang | 1.3% |
- | html-lang-valid | 1.3% |
- | layout-table | 1.3% |
- | link-name | 1.3% |
- | list | 1.3% |
- | listitem | 1.3% |
- | object-alt | 1.3% |
- | tabindex | 1.3% |
- | td-headers-attr | 1.3% |
- | th-has-data-cells | 1.3% |
- | valid-lang | 1.3% |
+ | aria-allowed-attr | 4.1% |
+ | aria-hidden-body | 4.1% |
+ | aria-required-attr | 4.1% |
+ | aria-required-children | 4.1% |
+ | aria-required-parent | 4.1% |
+ | aria-roles | 4.1% |
+ | aria-valid-attr-value | 4.1% |
+ | aria-valid-attr | 4.1% |
+ | button-name | 4.1% |
+ | duplicate-id-aria | 4.1% |
+ | image-alt | 4.1% |
+ | input-image-alt | 4.1% |
+ | label | 4.1% |
+ | meta-refresh | 4.1% |
+ | meta-viewport | 4.1% |
+ | video-caption | 4.1% |
+ | accesskeys | 1.2% |
+ | aria-command-name | 1.2% |
+ | aria-hidden-focus | 1.2% |
+ | aria-input-field-name | 1.2% |
+ | aria-meter-name | 1.2% |
+ | aria-progressbar-name | 1.2% |
+ | aria-toggle-field-name | 1.2% |
+ | aria-tooltip-name | 1.2% |
+ | aria-treeitem-name | 1.2% |
+ | bypass | 1.2% |
+ | color-contrast | 1.2% |
+ | definition-list | 1.2% |
+ | dlitem | 1.2% |
+ | document-title | 1.2% |
+ | duplicate-id-active | 1.2% |
+ | frame-title | 1.2% |
+ | html-has-lang | 1.2% |
+ | html-lang-valid | 1.2% |
+ | link-name | 1.2% |
+ | list | 1.2% |
+ | listitem | 1.2% |
+ | object-alt | 1.2% |
+ | tabindex | 1.2% |
+ | td-headers-attr | 1.2% |
+ | th-has-data-cells | 1.2% |
+ | valid-lang | 1.2% |
  | form-field-multiple-labels | 0.8% |
  | heading-order | 0.8% |
 

lighthouse-cli/test/cli/__snapshots__/index-test.js.snap

@@ -186,6 +186,9 @@ Object {
     Object {
       "path": "accessibility/aria-allowed-attr",
     },
+    Object {
+      "path": "accessibility/aria-command-name",
+    },
     Object {
       "path": "accessibility/aria-hidden-body",
     },
@@ -195,6 +198,12 @@ Object {
     Object {
       "path": "accessibility/aria-input-field-name",
     },
+    Object {
+      "path": "accessibility/aria-meter-name",
+    },
+    Object {
+      "path": "accessibility/aria-progressbar-name",
+    },
     Object {
       "path": "accessibility/aria-required-attr",
     },
@@ -210,6 +219,12 @@ Object {
     Object {
       "path": "accessibility/aria-toggle-field-name",
     },
+    Object {
+      "path": "accessibility/aria-tooltip-name",
+    },
+    Object {
+      "path": "accessibility/aria-treeitem-name",
+    },
     Object {
       "path": "accessibility/aria-valid-attr-value",
     },
@@ -264,9 +279,6 @@ Object {
     Object {
       "path": "accessibility/label",
     },
-    Object {
-      "path": "accessibility/layout-table",
-    },
     Object {
       "path": "accessibility/link-name",
     },
@@ -300,9 +312,6 @@ Object {
     Object {
       "path": "accessibility/video-caption",
     },
-    Object {
-      "path": "accessibility/video-description",
-    },
     Object {
       "path": "accessibility/manual/custom-controls-labels",
     },
@@ -470,6 +479,11 @@ Object {
           "id": "aria-allowed-attr",
           "weight": 10,
         },
+        Object {
+          "group": "a11y-aria",
+          "id": "aria-command-name",
+          "weight": 3,
+        },
         Object {
           "group": "a11y-aria",
           "id": "aria-hidden-body",
@@ -485,6 +499,16 @@ Object {
           "id": "aria-input-field-name",
           "weight": 3,
         },
+        Object {
+          "group": "a11y-aria",
+          "id": "aria-meter-name",
+          "weight": 3,
+        },
+        Object {
+          "group": "a11y-aria",
+          "id": "aria-progressbar-name",
+          "weight": 3,
+        },
         Object {
           "group": "a11y-aria",
           "id": "aria-required-attr",
@@ -510,6 +534,16 @@ Object {
           "id": "aria-toggle-field-name",
           "weight": 3,
         },
+        Object {
+          "group": "a11y-aria",
+          "id": "aria-tooltip-name",
+          "weight": 3,
+        },
+        Object {
+          "group": "a11y-aria",
+          "id": "aria-treeitem-name",
+          "weight": 3,
+        },
         Object {
           "group": "a11y-aria",
           "id": "aria-valid-attr-value",
@@ -600,11 +634,6 @@ Object {
           "id": "label",
           "weight": 10,
         },
-        Object {
-          "group": "a11y-tables-lists",
-          "id": "layout-table",
-          "weight": 3,
-        },
         Object {
           "group": "a11y-names-labels",
           "id": "link-name",
@@ -660,11 +689,6 @@ Object {
           "id": "video-caption",
           "weight": 10,
         },
-        Object {
-          "group": "a11y-audio-video",
-          "id": "video-description",
-          "weight": 10,
-        },
         Object {
           "id": "logical-tab-order",
           "weight": 0,

lighthouse-cli/test/fixtures/a11y/a11y_tester.html

@@ -34,6 +34,28 @@
     <section>
       <div id="aria-input-field-name" role="textbox">text-in-a-box</div>
     </section>
+    <p>aria-meter-name</p>
+    <section>
+      <div id="aria-meter-name" role="meter">text-in-a-box</div>
+    </section>
+    <p>aria-treeitem-name</p>
+    <section>
+      <div role="tree">
+        <div id="aria-treeitem-name" role="treeitem"></div>
+      </div>
+    </section>
+    <p>aria-command-name</p>
+    <section>
+      <div id="aria-command-name" role="button"></div>
+    </section>
+    <p>aria-tooltip-name</p>
+    <section>
+      <div id="aria-tooltip-name" role="tooltip"></div>
+    </section>
+    <p>aria-progressbar-name</p>
+    <section>
+      <div id="aria-progressbar-name" role="progressbar">text-in-a-box</div>
+    </section>
     <p>aria-required-attr</p>
     <section>
       <div