From 318c0119c6cdcfc6a43585471967052458d0b06c Mon Sep 17 00:00:00 2001
From: Nick Schonning <nschonni@gmail.com>
Date: Mon, 8 Nov 2021 23:05:46 -0500
Subject: [PATCH 1/5] Infrastructure: CI and hook to check coverage file

Closes #2061
---
 .github/workflows/examples.yml                |  24 +
 .../coverage-and-quality-report.html          | 596 ++++++++++--------
 .../coverage-and-quality/prop-coverage.csv    |   2 +-
 .../coverage-and-quality/role-coverage.csv    |   2 +-
 package.json                                  |   5 +-
 5 files changed, 351 insertions(+), 278 deletions(-)

diff --git a/.github/workflows/examples.yml b/.github/workflows/examples.yml
index d06e1df89b..e7e993e92a 100644
--- a/.github/workflows/examples.yml
+++ b/.github/workflows/examples.yml
@@ -9,12 +9,16 @@ on:
       - ".github/workflows/examples.yml"
       - "content/**/examples/**"
       - "scripts/reference-tables.*"
+      - "scripts/coverage-report.*"
+      - "coverage/**"
   pull_request:
     paths:
       - "package*.json"
       - ".github/workflows/examples.yml"
       - "content/**/examples/**"
       - "scripts/reference-tables.*"
+      - "scripts/coverage-report.*"
+      - "coverage/**"
 
 jobs:
   examples:
@@ -36,3 +40,23 @@ jobs:
 
       - name: Ensure no git changes
         run: git diff --exit-code
+
+  coverage:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v2
+        with:
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Generate coverage files
+        run: npm run coverage-report
+
+      - name: Ensure no git changes
+        run: git diff --exit-code
diff --git a/content/about/coverage-and-quality/coverage-and-quality-report.html b/content/about/coverage-and-quality/coverage-and-quality-report.html
index 7c2832352d..e8fc6dd013 100644
--- a/content/about/coverage-and-quality/coverage-and-quality-report.html
+++ b/content/about/coverage-and-quality/coverage-and-quality-report.html
@@ -51,9 +51,9 @@ <h2>About These Reports</h2>
       </p>
       <ul>
         <li><a href="#csv_files">CSV Files of Role, Properties and States Coverage</a></li>
-        <li><a href="#roles_with_no_examples">Roles with no Guidance or Examples (<span class="roles_with_no_examples_count">29</span>)</a></li>
+        <li><a href="#roles_with_no_examples">Roles with no Guidance or Examples (<span class="roles_with_no_examples_count">28</span>)</a></li>
         <li><a href="#roles_with_one_example">Roles with at Least One Guidance or Example (<span class="roles_with_one_example_count">13</span>)</a></li>
-        <li><a href="#roles_with_more_than_one_example">Roles with More than One Guidance or Example  (<span class="roles_with_more_than_one_examples_count">36</span>)</a></li>
+        <li><a href="#roles_with_more_than_one_example">Roles with More than One Guidance or Example  (<span class="roles_with_more_than_one_examples_count">37</span>)</a></li>
         <li><a href="#props_with_no_examples">Properties and States with no Examples (<span class="props_with_no_examples_count">12</span>)</a></li>
         <li><a href="#props_with_one_example">Properties and States with One Examples (<span class="props_with_one_example_count">8</span>)</a></li>
         <li><a href="#props_with_more_than_one_example">Properties and States with More than One Example  (<span class="props_with_more_than_one_examples_count">28</span>)</a></li>
@@ -70,7 +70,7 @@ <h2>CSV Formatted Reports of Role, Property, and State Coverage</h2>
     </section>
 
     <section id="roles_with_no_examples">
-      <h2 id="roles_with_no_examples_label">Roles with No Guidance or Examples (<span class="roles_with_no_examples_count">29</span>)</h2>
+      <h2 id="roles_with_no_examples_label">Roles with No Guidance or Examples (<span class="roles_with_no_examples_count">28</span>)</h2>
       <ul id="roles_with_no_examples_ul">
             <li><code>application</code></li>
             <li><code>caption</code></li>
@@ -91,7 +91,6 @@ <h2 id="roles_with_no_examples_label">Roles with No Guidance or Examples (<span
             <li><code>log</code></li>
             <li><code>marquee</code></li>
             <li><code>math</code></li>
-            <li><code>note</code></li>
             <li><code>paragraph</code></li>
             <li><code>progressbar</code></li>
             <li><code>rowheader</code></li>
@@ -203,7 +202,7 @@ <h2 id="roles_with_one_example_label">Roles with at Least One Guidance or Exampl
     </section>
 
     <section id="roles_with_more_than_one_example">
-      <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Example (<span class="roles_with_more_than_one_examples_count">36</span>)</h2>
+      <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Example (<span class="roles_with_more_than_one_examples_count">37</span>)</h2>
       <div><strong>NOTE:</strong> The HC abbreviation means example has High Contrast support.</div>
       <table aria-labelledby="roles_with_more_than_one_label" class="data attributes">
         <thead>
@@ -480,6 +479,50 @@ <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Exa
             </ul>
 </td>
           </tr>
+          <tr>
+            <td><code>note</code></td>
+            <td><ul>
+                <li><a href="../../../content/patterns/button/button-pattern.html#about">Note</a></li>
+                <li><a href="../../../content/patterns/combobox/combobox-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/combobox/combobox-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/combobox/combobox-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/combobox/combobox-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/combobox/combobox-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/combobox/combobox-pattern.html#roles_states_properties">Note</a></li>
+                <li><a href="../../../content/patterns/dialog-modal/dialog-modal-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/dialog-modal/dialog-modal-pattern.html#roles_states_properties">Note</a></li>
+                <li><a href="../../../content/patterns/feed/feed-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/grid/grid-pattern.html#dataGrid">Note</a></li>
+                <li><a href="../../../content/patterns/grid/grid-pattern.html#dataGrid">Note</a></li>
+                <li><a href="../../../content/patterns/grid/grid-pattern.html#layoutGrid">Note</a></li>
+                <li><a href="../../../content/patterns/grid/grid-pattern.html#layoutGrid">Note</a></li>
+                <li><a href="../../../content/patterns/grid/grid-pattern.html#roles_states_properties">Note</a></li>
+                <li><a href="../../../content/patterns/link/link-pattern.html#about">note</a></li>
+                <li><a href="../../../content/patterns/listbox/listbox-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/listbox/listbox-pattern.html#roles_states_properties">Note</a></li>
+                <li><a href="../../../content/patterns/menubar/menu-and-menubar-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/menubar/menu-and-menubar-pattern.html#roles_states_properties">Note</a></li>
+                <li><a href="../../../content/patterns/meter/meter-pattern.html#about">Note</a></li>
+                <li><a href="../../../content/patterns/radio/radio-group-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/radio/radio-group-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/slider/slider-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/spinbutton/spinbutton-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/table/table-pattern.html#about">Note</a></li>
+                <li><a href="../../../content/patterns/table/table-pattern.html#roles_states_properties">Note</a></li>
+                <li><a href="../../../content/patterns/tabs/tabs-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/toolbar/toolbar-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/tooltip/tooltip-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/treegrid/treegrid-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/treegrid/treegrid-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/treegrid/treegrid-pattern.html#roles_states_properties">Note</a></li>
+                <li><a href="../../../content/patterns/treeview/treeview-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/patterns/treeview/treeview-pattern.html#roles_states_properties">Note</a></li>
+                <li><a href="../../../content/patterns/windowsplitter/windowsplitter-pattern.html#keyboard_interaction">Note</a></li>
+                <li><a href="../../../content/practices/keyboard-interface/keyboard-interface-practice.html#kbd_shortcuts_assigning">Note</a></li>
+            </ul>
+</td>
+            <td></td>
+          </tr>
           <tr>
             <td><code>option</code></td>
             <td></td>
@@ -940,6 +983,9 @@ <h2 id="props_with_more_than_one_label">Properties and States with More than One
             <td></td>
             <td><ul>
                 <li><a href="../../../content/patterns/button/examples/button_idl.html">Button  (IDL Version)</a></li>
+                <li><a href="../../../content/patterns/listbox/examples/listbox-grouped.html">Listbox  with Grouped Options</a></li>
+                <li><a href="../../../content/patterns/listbox/examples/listbox-rearrangeable.html">Listboxes with Rearrangeable Options</a></li>
+                <li><a href="../../../content/patterns/listbox/examples/listbox-scrollable.html">Scrollable Listbox</a></li>
                 <li><a href="../../../content/patterns/menubar/examples/menubar-editor.html">Editor Menubar</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
                 <li><a href="../../../content/patterns/slider-multithumb/examples/slider-multithumb.html">Horizontal Multi-Thumb Slider</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
                 <li><a href="../../../content/patterns/slider/examples/slider-color-viewer.html">Color Viewer Slider</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
@@ -1232,7 +1278,7 @@ <h3 id="example_summary">Coding Summary</h3>
           </tr>
           <tr>
             <th scope="row">Uses SVG</th>
-            <td id="example_summary_svg">33</td>
+            <td id="example_summary_svg">34</td>
           </tr>
           <tr>
             <th scope="row">Uses <code>forced-color-adjust</code> on SVG</th>
@@ -1240,23 +1286,23 @@ <h3 id="example_summary">Coding Summary</h3>
           </tr>
           <tr>
             <th scope="row">Uses <code>event.KeyCode</code></th>
-            <td id="example_summary_keycode">20</td>
+            <td id="example_summary_keycode">16</td>
           </tr>
           <tr>
             <th scope="row">Uses <code>event.which</code></th>
-            <td id="example_summary_which">12</td>
+            <td id="example_summary_which">60</td>
           </tr>
           <tr>
             <th scope="row">Use Class</th>
-            <td id="example_summary_class">31</td>
+            <td id="example_summary_class">36</td>
           </tr>
           <tr>
             <th scope="row">Use Prototype</th>
-            <td id="example_summary_prototype">23</td>
+            <td id="example_summary_prototype">60</td>
           </tr>
           <tr>
             <th scope="row">Mouse Events</th>
-            <td id="example_summary_mouse">16</td>
+            <td id="example_summary_mouse">15</td>
           </tr>
           <tr>
             <th scope="row">Pointer Events</th>
@@ -1285,29 +1331,29 @@ <h3 id="example_coding_practices">Coding Practices</h3>
         <tbody id="example_coding_practices_tbody">
           <tr>
             <td><a href="../../../content/patterns/accordion/examples/accordion.html">Accordion</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
+            <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>4</td>
+            <td>2</td>
             <td>1</td>
-            <td>9</td>
+            <td>10</td>
             <td>3</td>
-            <td>heading,menu,menuitem,aria-busy,aria-haspopup,aria-hidden,aria-label,aria-required,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-required,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/alert/examples/alert.html">Alert</a></td>
+            <td>prototype</td>
             <td></td>
-            <td></td>
-            <td></td>
+            <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>4</td>
+            <td>2</td>
             <td>1</td>
-            <td>7</td>
+            <td>8</td>
             <td>2</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-labelledby,aria-roledescription,aria-live,aria-atomic</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-labelledby,aria-roledescription,aria-live,aria-atomic</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/alertdialog/examples/alertdialog.html">Alert Dialog</a></td>
@@ -1316,167 +1362,167 @@ <h3 id="example_coding_practices">Coding Practices</h3>
             <td>Yes</td>
             <td></td>
             <td>ex_alertdialog</td>
-            <td>5</td>
+            <td>3</td>
             <td>2</td>
-            <td>11</td>
+            <td>10</td>
             <td>4</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-hidden,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/breadcrumb/examples/breadcrumb.html">Breadcrumb</a></td>
+            <td>prototype</td>
             <td></td>
-            <td></td>
-            <td></td>
+            <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>4</td>
+            <td>2</td>
             <td>0</td>
-            <td>8</td>
+            <td>9</td>
             <td>2</td>
-            <td>heading,menu,menuitem,navigation,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-labelledby,aria-roledescription</td>
+            <td>heading,navigation,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/button/examples/button_idl.html">Button  (IDL Version)</a></td>
-            <td></td>
+            <td>prototype</td>
+            <td>Yes</td>
             <td>Yes</td>
-            <td></td>
             <td></td>
             <td>example</td>
-            <td>4</td>
+            <td>2</td>
             <td>1</td>
             <td>9</td>
             <td>2</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/button/examples/button.html">Button</a></td>
-            <td></td>
+            <td>prototype</td>
+            <td>Yes</td>
             <td>Yes</td>
-            <td></td>
             <td></td>
             <td>example</td>
-            <td>4</td>
+            <td>2</td>
             <td>1</td>
             <td>9</td>
             <td>1</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-hidden,aria-label,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/carousel/examples/carousel-1-prev-next.html">Auto-Rotating Image Carousel  with Buttons for Slide Control</a></td>
             <td>prototype</td>
             <td></td>
-            <td></td>
+            <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>5</td>
+            <td>3</td>
             <td>2</td>
-            <td>8</td>
+            <td>10</td>
             <td>4</td>
-            <td>heading,menu,menuitem,aria-busy,aria-expanded,aria-haspopup,aria-labelledby</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-labelledby</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/carousel/examples/carousel-2-tablist.html">Auto-Rotating Image Carousel with Tabs for Slide Control</a></td>
             <td>prototype</td>
             <td></td>
-            <td></td>
+            <td>Yes</td>
             <td>Yes</td>
             <td>ex1</td>
-            <td>7</td>
+            <td>5</td>
             <td>4</td>
-            <td>9</td>
+            <td>11</td>
             <td>5</td>
-            <td>heading,menu,menuitem,aria-busy,aria-expanded,aria-haspopup,aria-labelledby</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-labelledby</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/checkbox/examples/checkbox-mixed.html">Checkbox  (Mixed-State)</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>4</td>
+            <td>2</td>
             <td>1</td>
-            <td>8</td>
+            <td>10</td>
             <td>2</td>
-            <td>heading,menu,menuitem,aria-busy,aria-expanded,aria-haspopup,aria-label,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/checkbox/examples/checkbox.html">Checkbox  (Two State)</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>5</td>
+            <td>3</td>
             <td>2</td>
-            <td>8</td>
+            <td>9</td>
             <td>2</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/combobox/examples/combobox-autocomplete-both.html">Editable Combobox With Both List and Inline Autocomplete</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>6</td>
+            <td>4</td>
             <td>3</td>
-            <td>11</td>
+            <td>12</td>
             <td>6</td>
-            <td>heading,menu,menuitem,aria-busy,aria-haspopup,aria-hidden,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/combobox/examples/combobox-autocomplete-list.html">Editable Combobox With List Autocomplete</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>6</td>
+            <td>4</td>
             <td>3</td>
-            <td>11</td>
+            <td>12</td>
             <td>6</td>
-            <td>heading,menu,menuitem,aria-busy,aria-haspopup,aria-hidden,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/combobox/examples/combobox-autocomplete-none.html">Editable Combobox without Autocomplete</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>6</td>
+            <td>4</td>
             <td>3</td>
-            <td>11</td>
+            <td>12</td>
             <td>6</td>
-            <td>heading,menu,menuitem,aria-busy,aria-haspopup,aria-hidden,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/combobox/examples/combobox-datepicker.html">Date Picker Combobox</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>7</td>
+            <td>5</td>
             <td>3</td>
-            <td>13</td>
+            <td>14</td>
             <td>10</td>
-            <td>gridcell,heading,menu,menuitem,aria-busy,aria-hidden,aria-roledescription</td>
+            <td>gridcell,heading,aria-busy,aria-errormessage,aria-hidden,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/combobox/examples/combobox-select-only.html">Select-Only Combobox</a></td>
             <td>prototype</td>
             <td></td>
-            <td></td>
+            <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>5</td>
             <td>3</td>
-            <td>9</td>
+            <td>3</td>
+            <td>12</td>
             <td>5</td>
-            <td>heading,menu,menuitem,option,aria-busy,aria-haspopup,aria-label,aria-roledescription</td>
+            <td>heading,option,aria-busy,aria-describedby,aria-errormessage,aria-haspopup,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/combobox/examples/grid-combo.html">Editable Combobox with Grid Popup</a></td>
@@ -1485,24 +1531,24 @@ <h3 id="example_coding_practices">Coding Practices</h3>
             <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>5</td>
+            <td>3</td>
             <td>4</td>
-            <td>10</td>
+            <td>13</td>
             <td>7</td>
-            <td>heading,menu,menuitem,row,gridcell,aria-busy,aria-label,aria-roledescription</td>
+            <td>heading,row,gridcell,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/dialog-modal/examples/datepicker-dialog.html">Date Picker Dialog</a></td>
-            <td>prototype</td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
             <td>Yes</td>
             <td>example</td>
-            <td>6</td>
+            <td>4</td>
             <td>2</td>
             <td>11</td>
             <td>6</td>
-            <td>gridcell,heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-roledescription</td>
+            <td>gridcell,heading,aria-busy,aria-errormessage,aria-expanded,aria-hidden,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/dialog-modal/examples/dialog.html">Modal Dialog</a></td>
@@ -1511,76 +1557,63 @@ <h3 id="example_coding_practices">Coding Practices</h3>
             <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>4</td>
+            <td>2</td>
             <td>1</td>
             <td>9</td>
             <td>3</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/disclosure/examples/disclosure-faq.html">Disclosure (Show/Hide) for Answers to Frequently Asked Questions</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>3</td>
+            <td>1</td>
             <td>0</td>
-            <td>7</td>
+            <td>9</td>
             <td>2</td>
-            <td>heading,menu,menuitem,aria-busy,aria-haspopup,aria-label,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/disclosure/examples/disclosure-image-description.html">Disclosure (Show/Hide) for Image Description</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>3</td>
+            <td>1</td>
             <td>0</td>
-            <td>7</td>
+            <td>9</td>
             <td>2</td>
-            <td>heading,menu,menuitem,aria-busy,aria-haspopup,aria-label,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/disclosure/examples/disclosure-navigation-hybrid.html">Disclosure Navigation Menu with Top-Level Links</a></td>
             <td>class, prototype</td>
             <td></td>
-            <td></td>
+            <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>7</td>
+            <td>5</td>
             <td>0</td>
-            <td>8</td>
+            <td>10</td>
             <td>3</td>
-            <td>banner,contentinfo,heading,menu,menuitem,navigation,region,aria-busy,aria-haspopup,aria-label,aria-labelledby,aria-roledescription</td>
+            <td>banner,contentinfo,heading,navigation,region,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/disclosure/examples/disclosure-navigation.html">Disclosure Navigation Menu</a></td>
             <td>class, prototype</td>
             <td></td>
-            <td></td>
+            <td>Yes</td>
             <td>Yes</td>
             <td>ex1</td>
-            <td>5</td>
-            <td>0</td>
-            <td>8</td>
             <td>3</td>
-            <td>heading,menu,menuitem,navigation,region,aria-busy,aria-haspopup,aria-label,aria-labelledby,aria-roledescription</td>
-          </tr>
-          <tr>
-            <td><a href="../../../content/patterns/feed/examples/feed.html">Feed</a></td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td>ex1</td>
+            <td>0</td>
+            <td>10</td>
             <td>3</td>
-            <td>2</td>
-            <td>7</td>
-            <td>5</td>
-            <td>heading,menu,menuitem,feed,article,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-roledescription,aria-describedby,aria-posinset,aria-setsize</td>
+            <td>heading,navigation,region,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/feed/examples/feed-display.html">Feed Display</a></td>
@@ -1595,6 +1628,19 @@ <h3 id="example_coding_practices">Coding Practices</h3>
             <td>0</td>
             <td>aria-busy,aria-describedby,aria-label,aria-labelledby,aria-posinset,aria-setsize</td>
           </tr>
+          <tr>
+            <td><a href="../../../content/patterns/feed/examples/feed.html">Feed</a></td>
+            <td>prototype</td>
+            <td></td>
+            <td>Yes</td>
+            <td></td>
+            <td>ex1</td>
+            <td>1</td>
+            <td>2</td>
+            <td>8</td>
+            <td>5</td>
+            <td>heading,feed,article,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription,aria-posinset,aria-setsize</td>
+          </tr>
           <tr>
             <td><a href="../../../content/patterns/grid/examples/advanced-data-grid.html">Advanced Data Grid</a></td>
             <td>prototype</td>
@@ -1602,11 +1648,11 @@ <h3 id="example_coding_practices">Coding Practices</h3>
             <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>3</td>
+            <td>1</td>
             <td>0</td>
-            <td>10</td>
+            <td>13</td>
             <td>0</td>
-            <td>heading,menu,menuitem,aria-busy,aria-colindex,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-labelledby,aria-roledescription,aria-rowindex,aria-sort</td>
+            <td>heading,aria-busy,aria-colindex,aria-controls,aria-describedby,aria-errormessage,aria-expanded,aria-haspopup,aria-hidden,aria-label,aria-labelledby,aria-roledescription,aria-rowindex,aria-sort</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/grid/examples/data-grids.html">Data Grid</a></td>
@@ -1617,9 +1663,9 @@ <h3 id="example_coding_practices">Coding Practices</h3>
             <td>ex1</td>
             <td>5</td>
             <td>1</td>
-            <td>12</td>
+            <td>15</td>
             <td>6</td>
-            <td>button,heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-roledescription</td>
+            <td>button,heading,menu,menuitem,aria-busy,aria-controls,aria-describedby,aria-errormessage,aria-expanded,aria-haspopup,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/grid/examples/layout-grids.html">Layout Grid</a></td>
@@ -1628,440 +1674,440 @@ <h3 id="example_coding_practices">Coding Practices</h3>
             <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>8</td>
+            <td>6</td>
             <td>3</td>
-            <td>13</td>
+            <td>15</td>
             <td>3</td>
-            <td>button,heading,menu,menuitem,region,aria-busy,aria-colindex,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-live,aria-relevant,aria-roledescription,aria-sort</td>
+            <td>button,heading,region,aria-busy,aria-colindex,aria-describedby,aria-errormessage,aria-expanded,aria-haspopup,aria-hidden,aria-label,aria-live,aria-relevant,aria-roledescription,aria-sort</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/link/examples/link.html">Link</a></td>
-            <td></td>
+            <td>prototype</td>
+            <td>Yes</td>
             <td>Yes</td>
-            <td></td>
             <td></td>
             <td>not found</td>
-            <td>4</td>
+            <td>2</td>
             <td>1</td>
-            <td>7</td>
+            <td>8</td>
             <td>1</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/listbox/examples/listbox-collapsible.html">(Deprecated) Collapsible Dropdown Listbox</a></td>
-            <td>prototype</td>
-            <td>Yes</td>
+            <td>class, prototype</td>
+            <td></td>
             <td>Yes</td>
             <td></td>
             <td>ex</td>
-            <td>5</td>
+            <td>3</td>
             <td>2</td>
-            <td>12</td>
+            <td>14</td>
             <td>5</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-disabled,aria-keyshortcuts,aria-label,aria-multiselectable,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-disabled,aria-errormessage,aria-hidden,aria-keyshortcuts,aria-label,aria-multiselectable,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/listbox/examples/listbox-grouped.html">Listbox  with Grouped Options</a></td>
-            <td>prototype</td>
-            <td>Yes</td>
+            <td>class, prototype</td>
+            <td></td>
             <td>Yes</td>
             <td></td>
             <td>ex</td>
-            <td>7</td>
-            <td>3</td>
-            <td>12</td>
+            <td>5</td>
             <td>3</td>
-            <td>heading,menu,menuitem,presentation,aria-busy,aria-controls,aria-disabled,aria-expanded,aria-haspopup,aria-keyshortcuts,aria-label,aria-multiselectable,aria-roledescription</td>
+            <td>13</td>
+            <td>4</td>
+            <td>heading,presentation,aria-busy,aria-describedby,aria-disabled,aria-errormessage,aria-expanded,aria-keyshortcuts,aria-label,aria-multiselectable,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/listbox/examples/listbox-rearrangeable.html">Listboxes with Rearrangeable Options</a></td>
-            <td>prototype</td>
-            <td>Yes</td>
+            <td>class, prototype</td>
+            <td></td>
             <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>6</td>
-            <td>2</td>
-            <td>13</td>
             <td>4</td>
-            <td>heading,menu,menuitem,toolbar,aria-busy,aria-controls,aria-disabled,aria-expanded,aria-haspopup,aria-keyshortcuts,aria-label,aria-live,aria-roledescription</td>
+            <td>2</td>
+            <td>14</td>
+            <td>5</td>
+            <td>heading,toolbar,aria-busy,aria-describedby,aria-disabled,aria-errormessage,aria-expanded,aria-keyshortcuts,aria-label,aria-live,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/listbox/examples/listbox-scrollable.html">Scrollable Listbox</a></td>
-            <td>prototype</td>
-            <td>Yes</td>
+            <td>class, prototype</td>
+            <td></td>
             <td>Yes</td>
             <td></td>
             <td>ex</td>
-            <td>5</td>
-            <td>2</td>
-            <td>12</td>
             <td>3</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-disabled,aria-expanded,aria-haspopup,aria-keyshortcuts,aria-label,aria-multiselectable,aria-roledescription</td>
+            <td>2</td>
+            <td>13</td>
+            <td>4</td>
+            <td>heading,aria-busy,aria-describedby,aria-disabled,aria-errormessage,aria-expanded,aria-keyshortcuts,aria-label,aria-multiselectable,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/menu-button/examples/menu-button-actions-active-descendant.html">Actions Menu Button  Using aria-activedescendant</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
             <td>3</td>
             <td>2</td>
-            <td>8</td>
+            <td>11</td>
             <td>5</td>
-            <td>heading,aria-busy,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/menu-button/examples/menu-button-actions.html">Actions Menu Button  Using element.focus()</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
             <td>3</td>
             <td>2</td>
-            <td>7</td>
+            <td>10</td>
             <td>4</td>
-            <td>heading,aria-busy,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/menu-button/examples/menu-button-links.html">Navigation Menu Button</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
             <td>4</td>
             <td>3</td>
-            <td>7</td>
+            <td>10</td>
             <td>4</td>
-            <td>heading,aria-busy,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/menubar/examples/menubar-editor.html">Editor Menubar</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
             <td>9</td>
             <td>7</td>
-            <td>11</td>
+            <td>12</td>
             <td>6</td>
-            <td>heading,none,aria-busy,aria-controls,aria-labelledby,aria-orientation,aria-roledescription</td>
+            <td>heading,none,aria-busy,aria-describedby,aria-errormessage,aria-labelledby,aria-orientation,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/menubar/examples/menubar-navigation.html">Navigation Menubar</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
             <td>10</td>
             <td>8</td>
-            <td>9</td>
+            <td>11</td>
             <td>5</td>
-            <td>heading,separator,aria-busy,aria-controls,aria-orientation,aria-roledescription</td>
+            <td>heading,separator,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-orientation,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/meter/examples/meter.html">Meter</a></td>
             <td>prototype</td>
             <td></td>
-            <td></td>
+            <td>Yes</td>
             <td></td>
             <td>example</td>
-            <td>4</td>
+            <td>2</td>
             <td>1</td>
             <td>11</td>
             <td>4</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-hidden,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/radio/examples/radio-activedescendant.html">Radio Group  Using aria-activedescendant</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>5</td>
+            <td>3</td>
             <td>2</td>
-            <td>9</td>
+            <td>10</td>
             <td>3</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/radio/examples/radio-rating.html">Rating Radio Group</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>6</td>
+            <td>4</td>
             <td>3</td>
-            <td>8</td>
+            <td>9</td>
             <td>3</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/radio/examples/radio.html">Radio Group  Using Roving tabindex</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>5</td>
+            <td>3</td>
             <td>2</td>
-            <td>8</td>
+            <td>9</td>
             <td>2</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/slider-multithumb/examples/slider-multithumb.html">Horizontal Multi-Thumb Slider</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>5</td>
+            <td>3</td>
             <td>2</td>
             <td>11</td>
             <td>5</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/slider/examples/slider-color-viewer.html">Color Viewer Slider</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>5</td>
+            <td>3</td>
             <td>2</td>
             <td>11</td>
             <td>5</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/slider/examples/slider-rating.html">Rating Slider</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>4</td>
+            <td>2</td>
             <td>1</td>
             <td>12</td>
             <td>6</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/slider/examples/slider-seek.html">Media Seek Slider</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>5</td>
+            <td>3</td>
             <td>2</td>
             <td>12</td>
             <td>6</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/slider/examples/slider-temperature.html">Vertical Temperature Slider</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>5</td>
+            <td>3</td>
             <td>2</td>
             <td>13</td>
             <td>7</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/spinbutton/examples/datepicker-spinbuttons.html">Date Picker Spin Button</a></td>
             <td>prototype</td>
             <td>Yes</td>
-            <td></td>
+            <td>Yes</td>
             <td></td>
             <td>example</td>
-            <td>5</td>
+            <td>3</td>
             <td>2</td>
             <td>12</td>
             <td>7</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/switch/examples/switch-button.html">Switch  Using HTML Button</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>5</td>
+            <td>3</td>
             <td>2</td>
             <td>9</td>
             <td>3</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/switch/examples/switch-checkbox.html">Switch  Using HTML Checkbox Input</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>4</td>
+            <td>2</td>
             <td>1</td>
             <td>8</td>
             <td>1</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/switch/examples/switch.html">Switch</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>4</td>
+            <td>2</td>
             <td>1</td>
             <td>9</td>
             <td>2</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/table/examples/sortable-table.html">Sortable Table</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>3</td>
+            <td>1</td>
             <td>0</td>
             <td>9</td>
             <td>2</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/table/examples/table.html">Table</a></td>
+            <td>prototype</td>
             <td></td>
-            <td></td>
-            <td></td>
+            <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>8</td>
+            <td>6</td>
             <td>5</td>
             <td>8</td>
             <td>2</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-errormessage,aria-expanded,aria-hidden,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/tabs/examples/tabs-automatic.html">Tabs with Automatic Activation</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>6</td>
+            <td>4</td>
             <td>3</td>
-            <td>8</td>
+            <td>10</td>
             <td>3</td>
-            <td>heading,menu,menuitem,aria-busy,aria-expanded,aria-haspopup,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/tabs/examples/tabs-manual.html">Tabs with Manual Activation</a></td>
-            <td>class</td>
-            <td></td>
+            <td>class, prototype</td>
             <td></td>
             <td>Yes</td>
+            <td>Yes</td>
             <td>ex1</td>
-            <td>6</td>
+            <td>4</td>
             <td>3</td>
-            <td>8</td>
+            <td>10</td>
             <td>3</td>
-            <td>heading,menu,menuitem,aria-busy,aria-expanded,aria-haspopup,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/toolbar/examples/help.html">Toolbar</a></td>
+            <td>prototype</td>
             <td></td>
-            <td></td>
-            <td></td>
+            <td>Yes</td>
             <td></td>
             <td>not found</td>
-            <td>3</td>
+            <td>1</td>
             <td>0</td>
-            <td>7</td>
+            <td>8</td>
             <td>0</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-expanded,aria-haspopup,aria-label,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/toolbar/examples/toolbar.html">Toolbar</a></td>
             <td>prototype</td>
             <td>Yes</td>
-            <td></td>
+            <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>8</td>
+            <td>7</td>
             <td>6</td>
-            <td>15</td>
+            <td>17</td>
             <td>12</td>
-            <td>heading,menuitem,aria-busy,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/treegrid/examples/treegrid-1.html">Treegrid Email Inbox</a></td>
             <td>prototype</td>
             <td>Yes</td>
-            <td></td>
+            <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>6</td>
+            <td>4</td>
             <td>3</td>
-            <td>12</td>
+            <td>13</td>
             <td>5</td>
-            <td>heading,menu,menuitem,aria-activedescendant,aria-busy,aria-controls,aria-current,aria-haspopup,aria-labelledby,aria-roledescription</td>
+            <td>heading,aria-activedescendant,aria-busy,aria-current,aria-describedby,aria-errormessage,aria-hidden,aria-labelledby,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/treeview/examples/treeview-1a.html">File Directory Treeview  Using Computed Properties</a></td>
             <td>prototype</td>
             <td>Yes</td>
-            <td></td>
+            <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>6</td>
+            <td>4</td>
             <td>3</td>
-            <td>8</td>
+            <td>9</td>
             <td>3</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-haspopup,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/treeview/examples/treeview-1b.html">File Directory Treeview  Using Declared Properties</a></td>
             <td>prototype</td>
             <td>Yes</td>
-            <td></td>
+            <td>Yes</td>
             <td></td>
             <td>ex1</td>
-            <td>6</td>
+            <td>4</td>
             <td>3</td>
-            <td>11</td>
+            <td>12</td>
             <td>6</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-haspopup,aria-label,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-roledescription</td>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/treeview/examples/treeview-navigation.html">Navigation Treeview</a></td>
-            <td>class</td>
+            <td>class, prototype</td>
+            <td>Yes</td>
             <td>Yes</td>
-            <td></td>
             <td>Yes</td>
             <td>ex1</td>
-            <td>11</td>
-            <td>8</td>
             <td>9</td>
+            <td>8</td>
+            <td>10</td>
             <td>5</td>
-            <td>heading,menu,menuitem,aria-busy,aria-controls,aria-haspopup,aria-roledescription</td>
+            <td>heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-roledescription</td>
           </tr></tbody>
       </table>
 
@@ -2263,8 +2309,8 @@ <h3 id="example_graphics_techniques">Graphics Techniques</h3>
           <tr>
             <td><a href="../../../content/patterns/feed/examples/feed-display.html">Feed Display</a></td>
             <td></td>
-            <td></td>
-            <td></td>
+            <td>Yes</td>
+            <td>Yes</td>
             <td></td>
             <td></td>
             <td></td>
@@ -2664,7 +2710,7 @@ <h3 id="example_mouse_pointer">Mouse and Pointer Events</h3>
           </tr>
           <tr>
             <td><a href="../../../content/patterns/dialog-modal/examples/datepicker-dialog.html">Date Picker Dialog</a></td>
-            <td>Yes</td>
+            <td></td>
             <td>Yes</td>
           </tr>
           <tr>
@@ -2884,4 +2930,4 @@ <h3 id="example_mouse_pointer">Mouse and Pointer Events</h3>
   </main>
 
 
-</body></html>
+</body></html>
\ No newline at end of file
diff --git a/content/about/coverage-and-quality/prop-coverage.csv b/content/about/coverage-and-quality/prop-coverage.csv
index 973e524f43..ed19b10250 100644
--- a/content/about/coverage-and-quality/prop-coverage.csv
+++ b/content/about/coverage-and-quality/prop-coverage.csv
@@ -18,7 +18,7 @@
 "aria-flowto","0","0"
 "aria-grabbed","0","0"
 "aria-haspopup","0","9","Example: Date Picker Combobox","Example: Editable Combobox with Grid Popup","Example: (Deprecated) Collapsible Dropdown Listbox","Example: Actions Menu Button  Using aria-activedescendant","Example: Actions Menu Button  Using element.focus()","Example: Navigation Menu Button","Example: Editor Menubar","Example: Navigation Menubar","Example: Toolbar"
-"aria-hidden","0","13","Example: Button  (IDL Version)","Example: Editor Menubar","Example: Horizontal Multi-Thumb Slider","Example: Color Viewer Slider","Example: Rating Slider","Example: Media Seek Slider","Example: Vertical Temperature Slider","Example: Date Picker Spin Button","Example: Switch  Using HTML Button","Example: Switch  Using HTML Checkbox Input","Example: Switch","Example: Sortable Table","Example: Toolbar"
+"aria-hidden","0","16","Example: Button  (IDL Version)","Example: Listbox  with Grouped Options","Example: Listboxes with Rearrangeable Options","Example: Scrollable Listbox","Example: Editor Menubar","Example: Horizontal Multi-Thumb Slider","Example: Color Viewer Slider","Example: Rating Slider","Example: Media Seek Slider","Example: Vertical Temperature Slider","Example: Date Picker Spin Button","Example: Switch  Using HTML Button","Example: Switch  Using HTML Checkbox Input","Example: Switch","Example: Sortable Table","Example: Toolbar"
 "aria-invalid","0","0"
 "aria-keyshortcuts","0","0"
 "aria-label","1","18","Guidance: Naming with a String Attribute Via aria-label","Example: Breadcrumb","Example: Auto-Rotating Image Carousel  with Buttons for Slide Control","Example: Auto-Rotating Image Carousel with Tabs for Slide Control","Example: Editable Combobox With Both List and Inline Autocomplete","Example: Editable Combobox With List Autocomplete","Example: Editable Combobox without Autocomplete","Example: Date Picker Combobox","Example: Date Picker Dialog","Example: Link","Example: Editor Menubar","Example: Navigation Menubar","Example: Rating Radio Group","Example: Horizontal Multi-Thumb Slider","Example: Date Picker Spin Button","Example: Table","Example: Toolbar","Example: Treegrid Email Inbox","Example: Navigation Treeview"
diff --git a/content/about/coverage-and-quality/role-coverage.csv b/content/about/coverage-and-quality/role-coverage.csv
index 9a3a1ea183..104fad9ec2 100644
--- a/content/about/coverage-and-quality/role-coverage.csv
+++ b/content/about/coverage-and-quality/role-coverage.csv
@@ -46,7 +46,7 @@
 "meter","2","1","Guidance: Meter Pattern","Guidance: Range properties with meter","Example: Meter"
 "navigation","5","3","Guidance: Fundamental Keyboard Navigation Conventions","Guidance: Keyboard Navigation Between Components (The Tab Sequence)","Guidance: Keyboard Navigation Inside Components","Guidance: Ensure Basic Access Via Navigation","Guidance: Navigation","Example: Navigation Menubar","Example: Navigation Treeview","Example: Navigation Landmark"
 "none","0","7","Example: Navigation Menu Button","Example: Navigation Menubar","Example: Rating Radio Group","Example: Horizontal Multi-Thumb Slider","Example: Media Seek Slider","Example: Vertical Temperature Slider","Example: Navigation Treeview"
-"note","0","0"
+"note","37","0","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note"
 "option","0","8","Example: Editable Combobox With Both List and Inline Autocomplete","Example: Editable Combobox With List Autocomplete","Example: Editable Combobox without Autocomplete","Example: Select-Only Combobox","Example: (Deprecated) Collapsible Dropdown Listbox","Example: Listbox  with Grouped Options","Example: Listboxes with Rearrangeable Options","Example: Scrollable Listbox"
 "paragraph","0","0"
 "presentation","5","0","Guidance: Hiding Semantics with the presentation Role","Guidance: Common Uses of Role presentation","Guidance: Effects of Role presentation","Guidance: Conditions That Cause Role presentation to be Ignored","Guidance: Example Demonstrating Effects of the presentation Role"
diff --git a/package.json b/package.json
index 4c9d3d9148..0255c3f281 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "lint:html": "npm run htmlhint && npm run vnu-jar",
     "lint:spelling": "cspell \"**/*.*\"",
     "link-checker": "node ./scripts/link-checker.js",
+    "coverage-report": "node scripts/coverage-report.js",
     "reference-tables": "node scripts/reference-tables.js",
     "regression": "ava --timeout=1m",
     "regression-report": "node test/util/report",
@@ -68,7 +69,9 @@
     ],
     "content/patterns/**/examples/*.html": [
       "npm run reference-tables",
-      "git add content/index/index.html"
+      "git add content/index/index.html",
+      "npm run coverage-report",
+      "git add coverage/"
     ]
   },
   "ava": {

From bf7970561530960d0c9f75855ba258489bffe149 Mon Sep 17 00:00:00 2001
From: ariellalgilmore <ariellalgilmore@gmail.com>
Date: Mon, 12 Feb 2024 13:16:02 -0800
Subject: [PATCH 2/5] add page last updated to coverage-report template

---
 scripts/coverage-report.js       | 14 ++++++++++++++
 scripts/coverage-report.template |  1 +
 2 files changed, 15 insertions(+)

diff --git a/scripts/coverage-report.js b/scripts/coverage-report.js
index 2244b571da..e63729b6de 100644
--- a/scripts/coverage-report.js
+++ b/scripts/coverage-report.js
@@ -1138,12 +1138,26 @@ $('#example_summary_prototype').html(countPrototype);
 $('#example_summary_mouse').html(countMouse);
 $('#example_summary_pointer').html(countPointer);
 
+// Create a new Date object
+var currentDate = new Date();
+
+// Format the date as a string
+const formattedDate = currentDate.toLocaleDateString('en-US', {
+  day: 'numeric',
+  month: 'long',
+  year: 'numeric',
+});
+
 // cheerio seems to fold the doctype lines despite the template
 const result = $.html()
   .replace('<!DOCTYPE html>', '<!DOCTYPE html>\n')
   .replace(
     '<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">',
     '<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">\n'
+  )
+  .replace(
+    '<p>Page last updated: </p>',
+    `<p> Page last updated: ${formattedDate}</p>`
   );
 
 fs.writeFile(coverageReportPath, result, function (err) {
diff --git a/scripts/coverage-report.template b/scripts/coverage-report.template
index fcf2892fdb..174db31ca3 100644
--- a/scripts/coverage-report.template
+++ b/scripts/coverage-report.template
@@ -17,6 +17,7 @@
 <body>
   <main>
     <h1>Coverage and Quality Reports</h1>
+    <p>Page last updated: </p>
     <section>
       <h2>About These Reports</h2>
       <p>

From 6fab72da43d0374605d37738c1c1ef7075b8ccdc Mon Sep 17 00:00:00 2001
From: Matt King <a11yThinker@gmail.com>
Date: Mon, 12 Feb 2024 22:52:34 -0800
Subject: [PATCH 3/5] Manual report run to review last addition of last update
 date

---
 .../about/coverage-and-quality/coverage-and-quality-report.html  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/content/about/coverage-and-quality/coverage-and-quality-report.html b/content/about/coverage-and-quality/coverage-and-quality-report.html
index e8fc6dd013..95c9162193 100644
--- a/content/about/coverage-and-quality/coverage-and-quality-report.html
+++ b/content/about/coverage-and-quality/coverage-and-quality-report.html
@@ -16,6 +16,7 @@
 <body>
   <main>
     <h1>Coverage and Quality Reports</h1>
+    <p> Page last updated: February 12, 2024</p>
     <section>
       <h2>About These Reports</h2>
       <p>

From 0b7e44903f07428ae94a84191e98db5310b43542 Mon Sep 17 00:00:00 2001
From: Ariella Gilmore <ariellalgilmore@gmail.com>
Date: Tue, 13 Feb 2024 11:15:50 -0800
Subject: [PATCH 4/5] Update scripts/coverage-report.js

---
 scripts/coverage-report.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/coverage-report.js b/scripts/coverage-report.js
index e63729b6de..c11b240c53 100644
--- a/scripts/coverage-report.js
+++ b/scripts/coverage-report.js
@@ -1157,7 +1157,7 @@ const result = $.html()
   )
   .replace(
     '<p>Page last updated: </p>',
-    `<p> Page last updated: ${formattedDate}</p>`
+    `<p>Page last updated: ${formattedDate}</p>`
   );
 
 fs.writeFile(coverageReportPath, result, function (err) {

From 67dd0625183939ac51b98c9dfe048bd0d089e5c1 Mon Sep 17 00:00:00 2001
From: ariellalgilmore <ariellalgilmore@gmail.com>
Date: Tue, 13 Feb 2024 11:19:42 -0800
Subject: [PATCH 5/5] update report

---
 .../about/coverage-and-quality/coverage-and-quality-report.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/about/coverage-and-quality/coverage-and-quality-report.html b/content/about/coverage-and-quality/coverage-and-quality-report.html
index 95c9162193..9ae7417e89 100644
--- a/content/about/coverage-and-quality/coverage-and-quality-report.html
+++ b/content/about/coverage-and-quality/coverage-and-quality-report.html
@@ -16,7 +16,7 @@
 <body>
   <main>
     <h1>Coverage and Quality Reports</h1>
-    <p> Page last updated: February 12, 2024</p>
+    <p>Page last updated: February 13, 2024</p>
     <section>
       <h2>About These Reports</h2>
       <p>