From d571173cc4350f8051170b9e4724af27c09c2b56 Mon Sep 17 00:00:00 2001
From: Scott O'Hara <scottaohara@users.noreply.github.com>
Date: Thu, 30 Mar 2023 13:46:48 -0400
Subject: [PATCH 1/9] add computed role mappings for html elements

resolves #464

The initial PR adds the computed role cell to all HTML elements.  Where possible, the cells have been filled in with 'use aria mappings', 'not mapped' or 'see comments' or '???'.  The ??? instances are those where there are host-language roles that need to be determined for elements which are important to accessibility but have no explicit ARIA role to neatly map to.
---
 index.html | 152 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 151 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 35e908de..e00e76c0 100644
--- a/index.html
+++ b/index.html
@@ -265,6 +265,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-link">`link`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -280,6 +281,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -292,6 +294,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 No corresponding role
               </td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_TEXT_FRAME`
@@ -334,6 +337,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-group">`group`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -349,6 +353,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-link">`link`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -364,6 +369,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -378,6 +384,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-article">`article`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -392,6 +399,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-complementary">`complementary`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -408,6 +416,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a class="core-mapping" href="#role-map-complementary">`complementary`</a> role if the <a>`aside`</a> element has an <a data-cite="accname-1.2/#dfn-accessible-name">accessible name</a>.
                 Otherwise, <a class="core-mapping" href="#role-map-generic">`generic`</a> role.
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -420,6 +429,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`audio`</a>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_GROUPING`
@@ -466,6 +476,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">autonomous custom element</a>
               </th>
               <td class="aria">If the author assigned a conforming ARIA role using the `role` attribute, map to that role. Otherwise, the <a class="core-mapping" href="#role-map-generic">`generic`</a> role.</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -480,6 +491,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -493,6 +505,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`base`</a>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -507,6 +520,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -523,6 +537,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -537,6 +552,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`blockquote`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-blockquote">`blockquote`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -549,6 +565,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`body`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-generic">`generic`</a> role </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -559,6 +576,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-br">
               <th><a data-cite="HTML">`br`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -573,6 +591,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-button">`button`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -589,6 +608,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`canvas`</a>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_GRAPHIC`; `IA2_ROLE_CANVAS`
@@ -626,6 +646,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`caption`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-caption">`caption`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="general">Use WAI-ARIA mapping</div>
                 <div class="relations">
@@ -662,6 +683,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`cite`</a>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">
                   No accessible object. Styles used are mapped into text attributes on its text container.
@@ -696,6 +718,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`code`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-code">`code`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -708,6 +731,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`col`</a>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -720,6 +744,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`colgroup`</a>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_GROUPING`
@@ -747,6 +772,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -760,7 +786,9 @@ <h3>HTML Element Role Mappings</h3>
                 (represents pre-defined options for `input` element)
               </th>
               <td class="aria">
-                <a class="core-mapping" href="#role-map-listbox">`listbox`</a> role, with the <a class="core-mapping" href="#ariaMultiselectableFalse">`aria-multiselectable`</a> property set to "true" if the `datalist`'s selection model allows multiple `option` elements to be selected at a time, and "false" otherwise</td>
+                <a class="core-mapping" href="#role-map-listbox">`listbox`</a> role, with the <a class="core-mapping" href="#ariaMultiselectableFalse">`aria-multiselectable`</a> property set to "true" if the `datalist`'s selection model allows multiple `option` elements to be selected at a time, and "false" otherwise
+              </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -777,6 +805,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-definition">`definition`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -791,6 +820,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-deletion">`deletion`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -805,6 +835,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`group`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia">
                 <div class="general">Use WAI-ARIA mapping</div>
@@ -829,6 +860,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-term">`term`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -843,6 +875,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-dialog">`dialog`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -859,6 +892,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -871,6 +905,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`dl`</a>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_LIST`
@@ -910,6 +945,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-term">`term`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -924,6 +960,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-emphasis">`emphasis`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -936,6 +973,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`embed`</a>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_CLIENT`; `IA2_ROLE_EMBEDDED_OBJECT`
@@ -965,6 +1003,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-group">`group`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> Use WAI-ARIA mapping
@@ -1007,6 +1046,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`figcaption`</a>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_CAPTION`
@@ -1050,6 +1090,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-figure">`figure`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> Use WAI-ARIA mapping
@@ -1091,6 +1132,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-contentinfo">`contentinfo`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1106,6 +1148,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia">
                 <div class="ctrltype">
@@ -1134,6 +1177,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-form">`form`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk">
@@ -1155,6 +1199,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/custom-elements.html#custom-elements-face-example">form-associated custom element</a>
               </th>
               <td class="aria">If the author assigned a conforming ARIA role using the `role` attribute, map to that role. Otherwise, the <a class="core-mapping" href="#role-map-generic">`generic`</a> role.</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1169,6 +1214,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-heading">`heading`</a> role, with the <a class="core-mapping" href="#ariaLevel">`aria-level`</a> property set to the number in the element's tag name.
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1179,6 +1225,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-head">
               <th><a data-cite="html">`head`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -1193,6 +1240,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-banner">`banner`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1207,6 +1255,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia">
                 <div class="ctrltype">
@@ -1233,6 +1282,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`hgroup`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-group">`group`</a> role </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1249,6 +1299,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`hr`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-separator">`separator`</a> role </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1261,6 +1312,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`html`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-document">`document`</a> role </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1275,6 +1327,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1289,6 +1342,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`iframe`</a>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `IA2_ROLE_INTERNAL_FRAME`
@@ -1323,6 +1377,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`img`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-img">`img`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1341,6 +1396,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a class="core-mapping" href="#role-map-presentation">`presentation`</a>
                 </div>
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1356,6 +1412,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-button">`button`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1375,6 +1432,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/input.html#dom-input-indeterminate">`indeterminate` IDL attribute</a> is true, or "true" if the element's
                 <a data-cite="html/form-control-infrastructure.html#concept-fe-checked">checkedness</a> is true, or "false" otherwise
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1388,6 +1446,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/input.html#color-state-(type=color)">Color</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">If implemented as a textbox:</div>
                 <div class="role"><span class="type">Roles:</span> `ROLE_SYSTEM_TEXT`</div>
@@ -1434,6 +1493,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/input.html#date-state-(type=date)">Date</a> state)</span>
               </th>
                 <td class="aria">No corresponding role</td>
+                <td class="computed-role"><div class="general">???</div></td>
                 <td class="ia2">
                   <div class="general">If implemented as a textbox:</div>
                   <div class="role">
@@ -1474,6 +1534,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-input-dateandtime">
                 <th><a data-cite="html">`input`</a> <span class="el-context">(<a data-cite="html/input.html#attr-input-type">`type`</a> attribute in the <a href="https://www.w3.org/TR/html/sec-forms.html#local-date-and-time-state-typedatetimelocal">Local Date and Time</a> state)</span></th>
                 <td class="aria">No corresponding role</td>
+                <td class="computed-role"><div class="general">???</div></td>
                 <td class="ia2">
                   <div class="role">
                     <span class="type">Role:</span> <code>IA2_ROLE_DATE_EDITOR</code>
@@ -1510,6 +1571,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#email-state-(type=email)">E-mail</a> state with no <a data-cite="html/input.html#concept-input-list">suggestions source element</a>)</span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-textbox">`textbox`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="general">Use WAI-ARIA mapping</div>
                 <div class="objattrs"> <span class="type">Object attributes: </span> `text-input-type:email` </div>
@@ -1531,6 +1593,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#file-upload-state-(type=file)">File Upload</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">
                   Implementation dependent. If represented by a container with a button a text label inside then:
@@ -1588,6 +1651,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#hidden-state-(type=hidden)">Hidden</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -1602,6 +1666,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#image-button-state-(type=image)">Image Button</a> state)</span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-button">`button`</a> role </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1616,6 +1681,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#local-date-and-time-state-(type=datetime-local)">Local Date and Time</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `IA2_ROLE_DATE_EDITOR`
@@ -1652,6 +1718,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#month-state-(type=month)">Month</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `IA2_ROLE_DATE_EDITOR`
@@ -1690,6 +1757,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-spinbutton">`spinbutton`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="general">
                   If implemented as a spin button, use WAI-ARIA mapping for
@@ -1735,6 +1803,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#password-state-(type=password)">Password</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role"><span class="type">Role:</span> `ROLE_SYSTEM_TEXT`</div>
                 <div class="states">
@@ -1786,6 +1855,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/input.html#radio-button-group">radio button group</a>
                 and <a href="https://www.w3.org/TR/core-aam-1.1/#ariaPosinset">`aria-posinset`</a> value reflecting the elements position within the <a data-cite="html/input.html#radio-button-group">radio button group</a>.
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1802,6 +1872,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-slider">`slider`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1818,6 +1889,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-button">`button`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1834,6 +1906,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-searchbox">`searchbox`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1852,6 +1925,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-button">`button`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1871,6 +1945,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-textbox">`textbox`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="general">Use WAI-ARIA mapping</div>
                 <div class="objattrs">
@@ -1898,6 +1973,7 @@ <h3>HTML Element Role Mappings</h3>
                 </span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-textbox">`textbox`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1923,6 +1999,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a class="core-mapping" href="#ariaControls">`aria-controls`</a> property set to the same value as the
                 <a data-cite="html/input.html#attr-input-list">`list`</a> attribute
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="general">Use WAI-ARIA mapping</div>
                 <div class="objattrs">
@@ -1947,6 +2024,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#time-state-(type=time)">Time</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_SPINBUTTON` if implemented as a simple <a class="termref">widget</a>; `ROLE_SYSTEM_GROUPING` with child controls mapped as appropriate if implemented as a complex <a class="termref">widget</a>
@@ -1991,6 +2069,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#url-state-(type=url)">URL</a> state with no <a data-cite="html/input.html#concept-input-list">suggestions source element</a>)</span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-textbox">`textbox`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="general">Use WAI-ARIA mapping</div>
                 <div class="objattrs">
@@ -2015,6 +2094,7 @@ <h3>HTML Element Role Mappings</h3>
                 </span>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `IA2_ROLE_DATE_EDITOR`
@@ -2054,6 +2134,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-insertion">`insertion`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2064,6 +2145,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-kbd">
               <th><a data-cite="HTML">`kbd`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">No accessible object.</div>
                 <div class="properties">
@@ -2097,6 +2179,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-label">
               <th><a data-cite="HTML">`label`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_STATICTEXT`; `IA2_ROLE_LABEL`
@@ -2153,6 +2236,7 @@ <h3>HTML Element Role Mappings</h3>
               <tr tabindex="-1" id="el-legend">
               <th><a data-cite="HTML">`legend`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_STATICTEXT`; `IA2_ROLE_LABEL`
@@ -2205,6 +2289,7 @@ <h3>HTML Element Role Mappings</h3>
                 and <a href="https://www.w3.org/TR/core-aam-1.1/#ariaPosinset">`aria-posinset`</a>
                 value reflecting the `li` elements position within the set.
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2218,6 +2303,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-link">
               <th><a data-cite="HTML">`link`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2228,6 +2314,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-main">
               <th><a data-cite="HTML">`main`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-main">`main`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2238,6 +2325,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-map">
               <th><a data-cite="HTML">`map`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">
                   Not mapped if used as an image map. Otherwise,
@@ -2270,6 +2358,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-mark">
               <th><a data-cite="HTML">`mark`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-mark">`mark`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2282,6 +2371,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/embedded-content-other.html#mathml">`math`</a>
               </th>
               <td class="aria">See comments</td>
+              <td class="computed-role"><div class="general">See comments</div></td>
               <td class="ia2">See comments</td>
               <td class="uia">See comments</td>
               <td class="atk">See comments</td>
@@ -2295,6 +2385,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`menu`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-list">`list`</a> role </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2315,6 +2406,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-meta">
               <th><a data-cite="HTML">`meta`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2327,6 +2419,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-meter">`meter`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2337,6 +2430,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-nav">
               <th><a data-cite="HTML">`nav`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-navigation">`navigation`</a> role </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2347,6 +2441,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-noscript">
               <th><a data-cite="HTML">`noscript`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2357,6 +2452,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-object">
               <th><a data-cite="HTML">`object`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">Depends on format of data file. If it contains a plugin then,</div>
                 <div class="role">
@@ -2386,6 +2482,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-ol">
               <th><a data-cite="HTML">`ol`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-list">`list`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2396,6 +2493,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-optgroup">
               <th><a data-cite="HTML">`optgroup`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-group">`group`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2410,6 +2508,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-option">`option`</a> role, with the <a class="core-mapping" href="#ariaSelectedTrue">`aria-selected`</a> state set to "true" if the element's <a data-cite="html/form-elements.html#concept-option-selectedness">selectedness</a> is true, or "false" otherwise.
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2420,6 +2519,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-output">
               <th><a data-cite="HTML">`output`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-status">`status`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="general">Use WAI-ARIA mapping</div>
                 <div class="relations">
@@ -2445,6 +2545,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-paragraph">`paragraph`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2455,6 +2556,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-param">
               <th><a data-cite="HTML">`param`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2465,6 +2567,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-picture">
               <th><a data-cite="HTML">`picture`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2477,6 +2580,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2491,6 +2595,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-progressbar">`progressbar`</a> role, with, if the progress bar is determinate, the <a class="core-mapping" href="#ariaValueMax">`aria-valuemax`</a> property set to the maximum value of the progress bar, the <a class="core-mapping" href="#ariaValueMin">`aria-valuemin`</a> property set to zero, and the <a class="core-mapping" href="#ariaValueNow">`aria-valuenow`</a> property set to the current value of the progress bar
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2503,6 +2608,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2520,6 +2626,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a href="https://html.spec.whatwg.org/#rb">`rb`</a>
                 </th>
                 <td class="aria">No corresponding role</td>
+                <td class="computed-role"><div class="general">???</div></td>
                 <td class="ia2">
                   <div class="role">
                     <span class="type">Role:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_TEXT_FRAME`
@@ -2553,6 +2660,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-rp">
               <th><a data-cite="html">`rp`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">
                   No accessible object. No child elements are exposed if
@@ -2577,6 +2685,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-rt">
               <th><a data-cite="HTML">`rt`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">
                   No accessible object. No child elements are exposed if
@@ -2615,6 +2724,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a href="https://html.spec.whatwg.org/#rtc">`rtc`</a>
                 </th>
                 <td class="aria">No corresponding role</td>
+                <td class="computed-role"><div class="general">???</div></td>
                 <td class="ia2">
                   <div class="role">
                     <span class="type">Role:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_TEXT_FRAME`
@@ -2649,6 +2759,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-ruby">
               <th><a data-cite="HTML">`ruby`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_TEXT_FRAME`
@@ -2686,6 +2797,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-deletion">`deletion`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2696,6 +2808,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-samp">
               <th><a data-cite="HTML">`samp`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-generic">`generic`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2708,6 +2821,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/scripting.html#the-script-element">`script`</a>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2718,6 +2832,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-search">
               <th><a data-cite="HTML">`search`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-search">`search`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2730,6 +2845,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a class="core-mapping" href="#role-map-region">`region`</a> role if the <a>`section`</a> element has an
                 <a data-cite="accname-1.2/#dfn-accessible-name">accessible name</a>. Otherwise, the <a class="core-mapping" href="#role-map-generic">`generic`</a> role.
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2746,6 +2862,7 @@ <h3>HTML Element Role Mappings</h3>
                 </span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-listbox">`listbox`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2762,6 +2879,7 @@ <h3>HTML Element Role Mappings</h3>
                 </span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-combobox">`combobox`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2772,6 +2890,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-slot">
               <th><a data-cite="HTML">`slot`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2784,6 +2903,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2796,6 +2916,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-source">
               <th><a data-cite="HTML">`source`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2808,6 +2929,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2820,6 +2942,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-strong">`strong`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2830,6 +2953,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-style">
               <th><a data-cite="HTML">`style`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2848,6 +2972,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-subscript">`subscript`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2860,6 +2985,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`summary`</a>
               </th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_PUSHBUTTON`
@@ -2910,6 +3036,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-superscript">`superscript`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2922,6 +3049,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 See comments
               </td>
+              <td class="computed-role"><div class="general">See comments</div></td>
               <td class="ia2">See comments</td>
               <td class="uia">See comments</td>
               <td class="atk">See comments</td>
@@ -2935,6 +3063,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-table">
               <th><a data-cite="HTML">`table`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-table">`table`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">Use WAI-ARIA mapping</td>
               <td class="uia">Use WAI-ARIA mapping</td>
               <td class="atk">Use WAI-ARIA mapping</td>
@@ -2945,6 +3074,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-tbody">
               <th><a data-cite="HTML">`tbody`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-rowgroup">`rowgroup`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">Use WAI-ARIA mapping</td>
               <td class="uia">Use WAI-ARIA mapping</td>
               <td class="atk">Use WAI-ARIA mapping</td>
@@ -2959,6 +3089,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a class="core-mapping" href="#role-map-table">`table`</a> role)
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-cell">`cell`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2974,6 +3105,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a class="core-mapping" href="#role-map-treegrid">`treegrid`</a> role)
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-gridcell">`gridcell`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2984,6 +3116,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-template">
               <th><a data-cite="HTML">`template`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2997,6 +3130,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a class="core-mapping" href="#role-map-textbox">`textbox`</a> role,
                 with the <a class="core-mapping" href="#ariaMultilineTrue">`aria-multiline`</a> property set to "true"
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3007,6 +3141,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-tfoot">
               <th><a data-cite="HTML">`tfoot`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-rowgroup">`rowgroup`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3027,6 +3162,7 @@ <h3>HTML Element Role Mappings</h3>
                 </span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-cell">`cell`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3048,6 +3184,7 @@ <h3>HTML Element Role Mappings</h3>
                 </span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-gridcell">`gridcell`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3061,6 +3198,7 @@ <h3>HTML Element Role Mappings</h3>
                 <span class="el-context">(is a <a data-cite="HTML/tables.html#column-header">column header</a> or <a data-cite="HTML/tables.html#column-group-header">column group header</a>)</span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-columnheader">`columnheader`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3074,6 +3212,7 @@ <h3>HTML Element Role Mappings</h3>
                 <span class="el-context">(is a <a data-cite="HTML/tables.html#row-header">row header</a> or <a data-cite="HTML/tables.html#row-group-header">row group header</a>)</span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-rowheader">`rowheader`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3084,6 +3223,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-thead">
               <th><a data-cite="HTML">`thead`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-rowgroup">`rowgroup`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3096,6 +3236,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-time">`time`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3106,6 +3247,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-title">
               <th><a data-cite="HTML">`title`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -3116,6 +3258,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-tr">
               <th><a data-cite="HTML">`tr`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-row">`row`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3126,6 +3269,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-track">
               <th><a data-cite="HTML">`track`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -3138,6 +3282,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3150,6 +3295,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-ul">
               <th><a data-cite="HTML">`ul`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-list">`list`</a> role</td>
+              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3160,6 +3306,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-var">
               <th><a data-cite="HTML">`var`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">No accessible object. Styles used are mapped to text attributes on its text container.</div>
               </td>
@@ -3187,6 +3334,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-video">
               <th><a data-cite="HTML">`video`</a></th>
               <td class="aria">No corresponding role</td>
+              <td class="computed-role"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_GROUPING`
@@ -3227,6 +3375,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-wbr">
                 <th><a data-cite="HTML">`wbr`</a></th>
                 <td class="aria">No corresponding role</td>
+                <td class="computed-role"><div class="general">???</div></td>
                 <td class="ia2">
                   <div class="general">
                     If a line break is added, expose it with `IAccessibleText` on the text container
@@ -6198,6 +6347,7 @@ <h3>Change Log</h3>
       <section>
         <h4>Substantive changes since moving to the <a href="https://www.w3.org/WAI/ARIA/">Accessible Rich Internet Applications Working Group</a> (03-Nov-2019)</h4>
         <ul>
+          <!-- computed role changelog entry here -->
           <li>28-Mar-2023: Add `inert` attribute mapping. See <a href="https://github.com/w3c/html-aam/pull/410">GitHub PR 410</a>.</li>
           <li>24-Mar-2023: Add `search` element and its mappings. See <a href="https://github.com/w3c/html-aam/pull/355/">GitHub PR 355</a>.</li>
           <li>08-Mar-2023: Update `hgroup` element to be mapped to `role=group`. See  <a href="https://github.com/w3c/html-aam/pull/398">GitHub PR 398</a>.</li>

From 76bf14e25bdba16eede4da2429209439de03de9c Mon Sep 17 00:00:00 2001
From: Scott O'Hara <scottaohara@users.noreply.github.com>
Date: Thu, 30 Mar 2023 13:51:37 -0400
Subject: [PATCH 2/9] add some misses

includes computed role th for the tables

revises the class name from 'computed-role' to 'role-computed' which is backwards, but matches how it was added in core aam.
---
 index.html | 298 ++++++++++++++++++++++++++---------------------------
 1 file changed, 149 insertions(+), 149 deletions(-)

diff --git a/index.html b/index.html
index e00e76c0..ee7e5b7e 100644
--- a/index.html
+++ b/index.html
@@ -248,6 +248,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr>
               <th>Element</th>
               <th>[[wai-aria-1.2]]</th>
+              <th>Computed Role</th>
               <th><a href="https://msdn.microsoft.com/en-us/library/dd373608%28v=VS.85%29.aspx">MSAA</a> + <a href="http://accessibility.linuxfoundation.org/a11yspecs/ia2/docs/html/">IAccessible2</a></th>
               <th><a href="https://msdn.microsoft.com/en-us/library/ms726297%28v=VS.85%29.aspx">UIA</a></th>
               <th><a href="https://gnome.pages.gitlab.gnome.org/atk/">ATK</a></th>
@@ -265,7 +266,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-link">`link`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -281,7 +282,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -294,7 +295,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 No corresponding role
               </td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_TEXT_FRAME`
@@ -337,7 +338,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-group">`group`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -353,7 +354,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-link">`link`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -369,7 +370,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -384,7 +385,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-article">`article`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -399,7 +400,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-complementary">`complementary`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -416,7 +417,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a class="core-mapping" href="#role-map-complementary">`complementary`</a> role if the <a>`aside`</a> element has an <a data-cite="accname-1.2/#dfn-accessible-name">accessible name</a>.
                 Otherwise, <a class="core-mapping" href="#role-map-generic">`generic`</a> role.
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -429,7 +430,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`audio`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_GROUPING`
@@ -476,7 +477,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">autonomous custom element</a>
               </th>
               <td class="aria">If the author assigned a conforming ARIA role using the `role` attribute, map to that role. Otherwise, the <a class="core-mapping" href="#role-map-generic">`generic`</a> role.</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -491,7 +492,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -505,7 +506,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`base`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Not mapped</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -520,7 +521,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -537,7 +538,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -552,7 +553,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`blockquote`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-blockquote">`blockquote`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -565,7 +566,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`body`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-generic">`generic`</a> role </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -576,7 +577,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-br">
               <th><a data-cite="HTML">`br`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -591,7 +592,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-button">`button`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -608,7 +609,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`canvas`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_GRAPHIC`; `IA2_ROLE_CANVAS`
@@ -646,7 +647,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`caption`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-caption">`caption`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="general">Use WAI-ARIA mapping</div>
                 <div class="relations">
@@ -683,7 +684,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`cite`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">
                   No accessible object. Styles used are mapped into text attributes on its text container.
@@ -718,7 +719,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`code`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-code">`code`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -731,7 +732,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`col`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Not mapped</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -744,7 +745,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`colgroup`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_GROUPING`
@@ -772,7 +773,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -788,7 +789,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-listbox">`listbox`</a> role, with the <a class="core-mapping" href="#ariaMultiselectableFalse">`aria-multiselectable`</a> property set to "true" if the `datalist`'s selection model allows multiple `option` elements to be selected at a time, and "false" otherwise
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -805,7 +806,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-definition">`definition`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -820,7 +821,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-deletion">`deletion`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -835,7 +836,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`group`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia">
                 <div class="general">Use WAI-ARIA mapping</div>
@@ -860,7 +861,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-term">`term`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -875,7 +876,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-dialog">`dialog`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -892,7 +893,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -905,7 +906,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`dl`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_LIST`
@@ -945,7 +946,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-term">`term`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -960,7 +961,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-emphasis">`emphasis`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -973,7 +974,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`embed`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_CLIENT`; `IA2_ROLE_EMBEDDED_OBJECT`
@@ -1003,7 +1004,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-group">`group`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> Use WAI-ARIA mapping
@@ -1046,7 +1047,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`figcaption`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_CAPTION`
@@ -1090,7 +1091,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-figure">`figure`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> Use WAI-ARIA mapping
@@ -1132,7 +1133,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-contentinfo">`contentinfo`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1148,7 +1149,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia">
                 <div class="ctrltype">
@@ -1177,7 +1178,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-form">`form`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk">
@@ -1199,7 +1200,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/custom-elements.html#custom-elements-face-example">form-associated custom element</a>
               </th>
               <td class="aria">If the author assigned a conforming ARIA role using the `role` attribute, map to that role. Otherwise, the <a class="core-mapping" href="#role-map-generic">`generic`</a> role.</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1214,7 +1215,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-heading">`heading`</a> role, with the <a class="core-mapping" href="#ariaLevel">`aria-level`</a> property set to the number in the element's tag name.
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1225,7 +1226,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-head">
               <th><a data-cite="html">`head`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Not mapped</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -1240,7 +1241,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-banner">`banner`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1255,7 +1256,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia">
                 <div class="ctrltype">
@@ -1282,7 +1283,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`hgroup`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-group">`group`</a> role </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1299,7 +1300,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`hr`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-separator">`separator`</a> role </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1312,7 +1313,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`html`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-document">`document`</a> role </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1327,7 +1328,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1342,7 +1343,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`iframe`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `IA2_ROLE_INTERNAL_FRAME`
@@ -1377,7 +1378,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`img`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-img">`img`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1396,7 +1397,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a class="core-mapping" href="#role-map-presentation">`presentation`</a>
                 </div>
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1412,7 +1413,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-button">`button`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1432,7 +1433,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/input.html#dom-input-indeterminate">`indeterminate` IDL attribute</a> is true, or "true" if the element's
                 <a data-cite="html/form-control-infrastructure.html#concept-fe-checked">checkedness</a> is true, or "false" otherwise
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1446,7 +1447,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/input.html#color-state-(type=color)">Color</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">If implemented as a textbox:</div>
                 <div class="role"><span class="type">Roles:</span> `ROLE_SYSTEM_TEXT`</div>
@@ -1493,7 +1494,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/input.html#date-state-(type=date)">Date</a> state)</span>
               </th>
                 <td class="aria">No corresponding role</td>
-                <td class="computed-role"><div class="general">???</div></td>
+                <td class="role-computed"><div class="general">???</div></td>
                 <td class="ia2">
                   <div class="general">If implemented as a textbox:</div>
                   <div class="role">
@@ -1534,7 +1535,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-input-dateandtime">
                 <th><a data-cite="html">`input`</a> <span class="el-context">(<a data-cite="html/input.html#attr-input-type">`type`</a> attribute in the <a href="https://www.w3.org/TR/html/sec-forms.html#local-date-and-time-state-typedatetimelocal">Local Date and Time</a> state)</span></th>
                 <td class="aria">No corresponding role</td>
-                <td class="computed-role"><div class="general">???</div></td>
+                <td class="role-computed"><div class="general">???</div></td>
                 <td class="ia2">
                   <div class="role">
                     <span class="type">Role:</span> <code>IA2_ROLE_DATE_EDITOR</code>
@@ -1571,7 +1572,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#email-state-(type=email)">E-mail</a> state with no <a data-cite="html/input.html#concept-input-list">suggestions source element</a>)</span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-textbox">`textbox`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="general">Use WAI-ARIA mapping</div>
                 <div class="objattrs"> <span class="type">Object attributes: </span> `text-input-type:email` </div>
@@ -1593,7 +1594,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#file-upload-state-(type=file)">File Upload</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">
                   Implementation dependent. If represented by a container with a button a text label inside then:
@@ -1651,7 +1652,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#hidden-state-(type=hidden)">Hidden</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Not mapped</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -1666,7 +1667,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#image-button-state-(type=image)">Image Button</a> state)</span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-button">`button`</a> role </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1681,7 +1682,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#local-date-and-time-state-(type=datetime-local)">Local Date and Time</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `IA2_ROLE_DATE_EDITOR`
@@ -1718,7 +1719,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#month-state-(type=month)">Month</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `IA2_ROLE_DATE_EDITOR`
@@ -1757,7 +1758,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-spinbutton">`spinbutton`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="general">
                   If implemented as a spin button, use WAI-ARIA mapping for
@@ -1803,7 +1804,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#password-state-(type=password)">Password</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role"><span class="type">Role:</span> `ROLE_SYSTEM_TEXT`</div>
                 <div class="states">
@@ -1855,7 +1856,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/input.html#radio-button-group">radio button group</a>
                 and <a href="https://www.w3.org/TR/core-aam-1.1/#ariaPosinset">`aria-posinset`</a> value reflecting the elements position within the <a data-cite="html/input.html#radio-button-group">radio button group</a>.
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1872,7 +1873,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-slider">`slider`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1889,7 +1890,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-button">`button`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1906,7 +1907,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-searchbox">`searchbox`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1925,7 +1926,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-button">`button`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1945,7 +1946,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-textbox">`textbox`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="general">Use WAI-ARIA mapping</div>
                 <div class="objattrs">
@@ -1973,7 +1974,7 @@ <h3>HTML Element Role Mappings</h3>
                 </span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-textbox">`textbox`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1999,7 +2000,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a class="core-mapping" href="#ariaControls">`aria-controls`</a> property set to the same value as the
                 <a data-cite="html/input.html#attr-input-list">`list`</a> attribute
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="general">Use WAI-ARIA mapping</div>
                 <div class="objattrs">
@@ -2024,7 +2025,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#time-state-(type=time)">Time</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_SPINBUTTON` if implemented as a simple <a class="termref">widget</a>; `ROLE_SYSTEM_GROUPING` with child controls mapped as appropriate if implemented as a complex <a class="termref">widget</a>
@@ -2069,7 +2070,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#url-state-(type=url)">URL</a> state with no <a data-cite="html/input.html#concept-input-list">suggestions source element</a>)</span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-textbox">`textbox`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="general">Use WAI-ARIA mapping</div>
                 <div class="objattrs">
@@ -2094,7 +2095,7 @@ <h3>HTML Element Role Mappings</h3>
                 </span>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `IA2_ROLE_DATE_EDITOR`
@@ -2134,7 +2135,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-insertion">`insertion`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2145,7 +2146,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-kbd">
               <th><a data-cite="HTML">`kbd`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">No accessible object.</div>
                 <div class="properties">
@@ -2179,7 +2180,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-label">
               <th><a data-cite="HTML">`label`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_STATICTEXT`; `IA2_ROLE_LABEL`
@@ -2236,7 +2237,7 @@ <h3>HTML Element Role Mappings</h3>
               <tr tabindex="-1" id="el-legend">
               <th><a data-cite="HTML">`legend`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_STATICTEXT`; `IA2_ROLE_LABEL`
@@ -2289,7 +2290,7 @@ <h3>HTML Element Role Mappings</h3>
                 and <a href="https://www.w3.org/TR/core-aam-1.1/#ariaPosinset">`aria-posinset`</a>
                 value reflecting the `li` elements position within the set.
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2303,7 +2304,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-link">
               <th><a data-cite="HTML">`link`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Not mapped</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2314,7 +2315,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-main">
               <th><a data-cite="HTML">`main`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-main">`main`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2325,7 +2326,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-map">
               <th><a data-cite="HTML">`map`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">
                   Not mapped if used as an image map. Otherwise,
@@ -2358,7 +2359,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-mark">
               <th><a data-cite="HTML">`mark`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-mark">`mark`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2371,7 +2372,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/embedded-content-other.html#mathml">`math`</a>
               </th>
               <td class="aria">See comments</td>
-              <td class="computed-role"><div class="general">See comments</div></td>
+              <td class="role-computed"><div class="general">See comments</div></td>
               <td class="ia2">See comments</td>
               <td class="uia">See comments</td>
               <td class="atk">See comments</td>
@@ -2385,7 +2386,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`menu`</a>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-list">`list`</a> role </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2406,7 +2407,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-meta">
               <th><a data-cite="HTML">`meta`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Not mapped</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2419,7 +2420,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-meter">`meter`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2430,7 +2431,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-nav">
               <th><a data-cite="HTML">`nav`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-navigation">`navigation`</a> role </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2441,7 +2442,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-noscript">
               <th><a data-cite="HTML">`noscript`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Not mapped</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2452,7 +2453,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-object">
               <th><a data-cite="HTML">`object`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">Depends on format of data file. If it contains a plugin then,</div>
                 <div class="role">
@@ -2482,7 +2483,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-ol">
               <th><a data-cite="HTML">`ol`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-list">`list`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2493,7 +2494,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-optgroup">
               <th><a data-cite="HTML">`optgroup`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-group">`group`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2508,7 +2509,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-option">`option`</a> role, with the <a class="core-mapping" href="#ariaSelectedTrue">`aria-selected`</a> state set to "true" if the element's <a data-cite="html/form-elements.html#concept-option-selectedness">selectedness</a> is true, or "false" otherwise.
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2519,7 +2520,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-output">
               <th><a data-cite="HTML">`output`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-status">`status`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">
                 <div class="general">Use WAI-ARIA mapping</div>
                 <div class="relations">
@@ -2545,7 +2546,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-paragraph">`paragraph`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2556,7 +2557,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-param">
               <th><a data-cite="HTML">`param`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Not mapped</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2567,7 +2568,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-picture">
               <th><a data-cite="HTML">`picture`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Not mapped</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2580,7 +2581,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2595,7 +2596,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-progressbar">`progressbar`</a> role, with, if the progress bar is determinate, the <a class="core-mapping" href="#ariaValueMax">`aria-valuemax`</a> property set to the maximum value of the progress bar, the <a class="core-mapping" href="#ariaValueMin">`aria-valuemin`</a> property set to zero, and the <a class="core-mapping" href="#ariaValueNow">`aria-valuenow`</a> property set to the current value of the progress bar
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2608,7 +2609,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2626,7 +2627,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a href="https://html.spec.whatwg.org/#rb">`rb`</a>
                 </th>
                 <td class="aria">No corresponding role</td>
-                <td class="computed-role"><div class="general">???</div></td>
+                <td class="role-computed"><div class="general">???</div></td>
                 <td class="ia2">
                   <div class="role">
                     <span class="type">Role:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_TEXT_FRAME`
@@ -2660,7 +2661,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-rp">
               <th><a data-cite="html">`rp`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">
                   No accessible object. No child elements are exposed if
@@ -2685,7 +2686,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-rt">
               <th><a data-cite="HTML">`rt`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">
                   No accessible object. No child elements are exposed if
@@ -2724,7 +2725,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a href="https://html.spec.whatwg.org/#rtc">`rtc`</a>
                 </th>
                 <td class="aria">No corresponding role</td>
-                <td class="computed-role"><div class="general">???</div></td>
+                <td class="role-computed"><div class="general">???</div></td>
                 <td class="ia2">
                   <div class="role">
                     <span class="type">Role:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_TEXT_FRAME`
@@ -2759,7 +2760,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-ruby">
               <th><a data-cite="HTML">`ruby`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_TEXT_FRAME`
@@ -2797,7 +2798,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-deletion">`deletion`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2808,7 +2809,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-samp">
               <th><a data-cite="HTML">`samp`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-generic">`generic`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2821,7 +2822,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/scripting.html#the-script-element">`script`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Not mapped</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2832,7 +2833,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-search">
               <th><a data-cite="HTML">`search`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-search">`search`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2845,7 +2846,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a class="core-mapping" href="#role-map-region">`region`</a> role if the <a>`section`</a> element has an
                 <a data-cite="accname-1.2/#dfn-accessible-name">accessible name</a>. Otherwise, the <a class="core-mapping" href="#role-map-generic">`generic`</a> role.
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2862,7 +2863,7 @@ <h3>HTML Element Role Mappings</h3>
                 </span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-listbox">`listbox`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2879,7 +2880,7 @@ <h3>HTML Element Role Mappings</h3>
                 </span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-combobox">`combobox`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2890,7 +2891,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-slot">
               <th><a data-cite="HTML">`slot`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2903,7 +2904,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2916,7 +2917,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-source">
               <th><a data-cite="HTML">`source`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Not mapped</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2929,7 +2930,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2942,7 +2943,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-strong">`strong`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2953,7 +2954,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-style">
               <th><a data-cite="HTML">`style`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Not mapped</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -2972,7 +2973,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-subscript">`subscript`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -2985,7 +2986,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`summary`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_PUSHBUTTON`
@@ -3036,7 +3037,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-superscript">`superscript`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3049,7 +3050,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 See comments
               </td>
-              <td class="computed-role"><div class="general">See comments</div></td>
+              <td class="role-computed"><div class="general">See comments</div></td>
               <td class="ia2">See comments</td>
               <td class="uia">See comments</td>
               <td class="atk">See comments</td>
@@ -3063,7 +3064,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-table">
               <th><a data-cite="HTML">`table`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-table">`table`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">Use WAI-ARIA mapping</td>
               <td class="uia">Use WAI-ARIA mapping</td>
               <td class="atk">Use WAI-ARIA mapping</td>
@@ -3074,7 +3075,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-tbody">
               <th><a data-cite="HTML">`tbody`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-rowgroup">`rowgroup`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2">Use WAI-ARIA mapping</td>
               <td class="uia">Use WAI-ARIA mapping</td>
               <td class="atk">Use WAI-ARIA mapping</td>
@@ -3089,7 +3090,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a class="core-mapping" href="#role-map-table">`table`</a> role)
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-cell">`cell`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3105,7 +3106,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a class="core-mapping" href="#role-map-treegrid">`treegrid`</a> role)
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-gridcell">`gridcell`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3116,7 +3117,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-template">
               <th><a data-cite="HTML">`template`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Not mapped</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -3130,7 +3131,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a class="core-mapping" href="#role-map-textbox">`textbox`</a> role,
                 with the <a class="core-mapping" href="#ariaMultilineTrue">`aria-multiline`</a> property set to "true"
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3141,7 +3142,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-tfoot">
               <th><a data-cite="HTML">`tfoot`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-rowgroup">`rowgroup`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3162,7 +3163,7 @@ <h3>HTML Element Role Mappings</h3>
                 </span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-cell">`cell`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3184,7 +3185,7 @@ <h3>HTML Element Role Mappings</h3>
                 </span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-gridcell">`gridcell`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3198,7 +3199,7 @@ <h3>HTML Element Role Mappings</h3>
                 <span class="el-context">(is a <a data-cite="HTML/tables.html#column-header">column header</a> or <a data-cite="HTML/tables.html#column-group-header">column group header</a>)</span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-columnheader">`columnheader`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3212,7 +3213,7 @@ <h3>HTML Element Role Mappings</h3>
                 <span class="el-context">(is a <a data-cite="HTML/tables.html#row-header">row header</a> or <a data-cite="HTML/tables.html#row-group-header">row group header</a>)</span>
               </th>
               <td class="aria"><a class="core-mapping" href="#role-map-rowheader">`rowheader`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3223,7 +3224,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-thead">
               <th><a data-cite="HTML">`thead`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-rowgroup">`rowgroup`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3236,7 +3237,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-time">`time`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3247,7 +3248,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-title">
               <th><a data-cite="HTML">`title`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Not mapped</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -3258,7 +3259,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-tr">
               <th><a data-cite="HTML">`tr`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-row">`row`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3269,7 +3270,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-track">
               <th><a data-cite="HTML">`track`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">Not mapped</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>
@@ -3282,7 +3283,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
               </td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3295,7 +3296,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-ul">
               <th><a data-cite="HTML">`ul`</a></th>
               <td class="aria"><a class="core-mapping" href="#role-map-list">`list`</a> role</td>
-              <td class="computed-role"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -3306,7 +3307,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-var">
               <th><a data-cite="HTML">`var`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="general">No accessible object. Styles used are mapped to text attributes on its text container.</div>
               </td>
@@ -3334,7 +3335,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-video">
               <th><a data-cite="HTML">`video`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="computed-role"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">???</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_GROUPING`
@@ -3375,7 +3376,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-wbr">
                 <th><a data-cite="HTML">`wbr`</a></th>
                 <td class="aria">No corresponding role</td>
-                <td class="computed-role"><div class="general">???</div></td>
+                <td class="role-computed"><div class="general">???</div></td>
                 <td class="ia2">
                   <div class="general">
                     If a line break is added, expose it with `IAccessibleText` on the text container
@@ -6347,7 +6348,6 @@ <h3>Change Log</h3>
       <section>
         <h4>Substantive changes since moving to the <a href="https://www.w3.org/WAI/ARIA/">Accessible Rich Internet Applications Working Group</a> (03-Nov-2019)</h4>
         <ul>
-          <!-- computed role changelog entry here -->
           <li>28-Mar-2023: Add `inert` attribute mapping. See <a href="https://github.com/w3c/html-aam/pull/410">GitHub PR 410</a>.</li>
           <li>24-Mar-2023: Add `search` element and its mappings. See <a href="https://github.com/w3c/html-aam/pull/355/">GitHub PR 355</a>.</li>
           <li>08-Mar-2023: Update `hgroup` element to be mapped to `role=group`. See  <a href="https://github.com/w3c/html-aam/pull/398">GitHub PR 398</a>.</li>

From 4af0b22dac41a24d6beea456056377a44abfb1b3 Mon Sep 17 00:00:00 2001
From: Scott O'Hara <scottaohara@users.noreply.github.com>
Date: Fri, 31 Mar 2023 10:11:21 -0400
Subject: [PATCH 3/9] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index ee7e5b7e..5e2c8bf8 100644
--- a/index.html
+++ b/index.html
@@ -248,7 +248,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr>
               <th>Element</th>
               <th>[[wai-aria-1.2]]</th>
-              <th>Computed Role</th>
+              <th>Computed Role</th> <!-- need to link this to a definition of the term? -->
               <th><a href="https://msdn.microsoft.com/en-us/library/dd373608%28v=VS.85%29.aspx">MSAA</a> + <a href="http://accessibility.linuxfoundation.org/a11yspecs/ia2/docs/html/">IAccessible2</a></th>
               <th><a href="https://msdn.microsoft.com/en-us/library/ms726297%28v=VS.85%29.aspx">UIA</a></th>
               <th><a href="https://gnome.pages.gitlab.gnome.org/atk/">ATK</a></th>

From 06c014e83b7017e0eee6e7a7fdae5ef273bedcd2 Mon Sep 17 00:00:00 2001
From: Scott O'Hara <scottaohara@users.noreply.github.com>
Date: Thu, 4 May 2023 13:29:13 -0400
Subject: [PATCH 4/9] starting adding in some html-* computed roles

---
 index.html | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index 5e2c8bf8..4884e5f3 100644
--- a/index.html
+++ b/index.html
@@ -430,7 +430,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`audio`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">html-audio</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_GROUPING`
@@ -609,7 +609,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`canvas`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-canvas</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_GRAPHIC`; `IA2_ROLE_CANVAS`
@@ -684,7 +684,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`cite`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-cite</div></td>
               <td class="ia2">
                 <div class="general">
                   No accessible object. Styles used are mapped into text attributes on its text container.
@@ -974,7 +974,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`embed`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-embed</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_CLIENT`; `IA2_ROLE_EMBEDDED_OBJECT`
@@ -1047,7 +1047,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`figcaption`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">caption</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_CAPTION`
@@ -1343,7 +1343,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`iframe`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-iframe</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `IA2_ROLE_INTERNAL_FRAME`
@@ -2146,7 +2146,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-kbd">
               <th><a data-cite="HTML">`kbd`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-kbd</div></td>
               <td class="ia2">
                 <div class="general">No accessible object.</div>
                 <div class="properties">
@@ -2180,7 +2180,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-label">
               <th><a data-cite="HTML">`label`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-label</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_STATICTEXT`; `IA2_ROLE_LABEL`
@@ -2237,7 +2237,7 @@ <h3>HTML Element Role Mappings</h3>
               <tr tabindex="-1" id="el-legend">
               <th><a data-cite="HTML">`legend`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-legend</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_STATICTEXT`; `IA2_ROLE_LABEL`
@@ -2326,7 +2326,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-map">
               <th><a data-cite="HTML">`map`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-map</div></td>
               <td class="ia2">
                 <div class="general">
                   Not mapped if used as an image map. Otherwise,
@@ -2453,7 +2453,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-object">
               <th><a data-cite="HTML">`object`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-object</div></td>
               <td class="ia2">
                 <div class="general">Depends on format of data file. If it contains a plugin then,</div>
                 <div class="role">
@@ -2986,7 +2986,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`summary`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-summary</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_PUSHBUTTON`
@@ -3307,7 +3307,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-var">
               <th><a data-cite="HTML">`var`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-var</div></td>
               <td class="ia2">
                 <div class="general">No accessible object. Styles used are mapped to text attributes on its text container.</div>
               </td>
@@ -3335,7 +3335,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-video">
               <th><a data-cite="HTML">`video`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-video</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_GROUPING`
@@ -3376,7 +3376,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-wbr">
                 <th><a data-cite="HTML">`wbr`</a></th>
                 <td class="aria">No corresponding role</td>
-                <td class="role-computed"><div class="general">???</div></td>
+                <td class="role-computed"><div class="general">html-wbr</div></td>
                 <td class="ia2">
                   <div class="general">
                     If a line break is added, expose it with `IAccessibleText` on the text container

From 31a51dd87c41c51faff7cdc0d13617fc80dc4368 Mon Sep 17 00:00:00 2001
From: Scott O'Hara <scottaohara@users.noreply.github.com>
Date: Tue, 9 May 2023 06:40:32 -0400
Subject: [PATCH 5/9] Update index.html

Co-authored-by: James Craig <cookiecrook@users.noreply.github.com>
---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 4884e5f3..cef9c74c 100644
--- a/index.html
+++ b/index.html
@@ -906,7 +906,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`dl`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">list</div> Editorial Note: This value may change upon resolution of <a href="https://github.com/w3c/aria/issues/1662">ARIA #1662</a>.</td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_LIST`

From 2695c055b30fc274bc3b615dab0c9b2cb3749b3b Mon Sep 17 00:00:00 2001
From: Scott O'Hara <scottaohara@users.noreply.github.com>
Date: Fri, 19 May 2023 09:22:40 -0400
Subject: [PATCH 6/9] add in missing values and notes

---
 index.html | 54 +++++++++++++++++++++++++++++++++++-------------------
 1 file changed, 35 insertions(+), 19 deletions(-)

diff --git a/index.html b/index.html
index cef9c74c..a730e9a7 100644
--- a/index.html
+++ b/index.html
@@ -295,7 +295,7 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 No corresponding role
               </td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-abbr</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Roles:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_TEXT_FRAME`
@@ -745,7 +745,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`colgroup`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_GROUPING`
@@ -806,7 +806,12 @@ <h3>HTML Element Role Mappings</h3>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-definition">`definition`</a> role
               </td>
-              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed">
+                <div class="general">Use WAI-ARIA mapping</div>
+                <div class="note">
+                  Editorial Note: This value may change upon resolution of <a href="https://github.com/w3c/aria/issues/1662">ARIA #1662</a>.
+                </div>
+              </td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -906,7 +911,12 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`dl`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">list</div> Editorial Note: This value may change upon resolution of <a href="https://github.com/w3c/aria/issues/1662">ARIA #1662</a>.</td>
+              <td class="role-computed">
+                <div class="general">list</div>
+                <div class="note">
+                  Editorial Note: This value may change upon resolution of <a href="https://github.com/w3c/aria/issues/1662">ARIA #1662</a>.
+                </div>
+              </td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_LIST`
@@ -1148,6 +1158,9 @@ <h3>HTML Element Role Mappings</h3>
               </th>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
+                <div class="note">
+                  Editorial Note: This value may change upon resolution of <a href="https://github.com/w3c/aria/issues/1915">ARIA #1915</a>.
+                </div>
               </td>
               <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1255,6 +1268,9 @@ <h3>HTML Element Role Mappings</h3>
               </th>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-generic">`generic`</a> role
+                <div class="note">
+                  Editorial Note: This value may change upon resolution of <a href="https://github.com/w3c/aria/issues/1915">ARIA #1915</a>.
+                </div>
               </td>
               <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
@@ -1447,7 +1463,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/input.html#color-state-(type=color)">Color</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-input-color</div></td>
               <td class="ia2">
                 <div class="general">If implemented as a textbox:</div>
                 <div class="role"><span class="type">Roles:</span> `ROLE_SYSTEM_TEXT`</div>
@@ -1494,7 +1510,7 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="html/input.html#date-state-(type=date)">Date</a> state)</span>
               </th>
                 <td class="aria">No corresponding role</td>
-                <td class="role-computed"><div class="general">???</div></td>
+                <td class="role-computed"><div class="general">html-input-date</div></td>
                 <td class="ia2">
                   <div class="general">If implemented as a textbox:</div>
                   <div class="role">
@@ -1535,7 +1551,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-input-dateandtime">
                 <th><a data-cite="html">`input`</a> <span class="el-context">(<a data-cite="html/input.html#attr-input-type">`type`</a> attribute in the <a href="https://www.w3.org/TR/html/sec-forms.html#local-date-and-time-state-typedatetimelocal">Local Date and Time</a> state)</span></th>
                 <td class="aria">No corresponding role</td>
-                <td class="role-computed"><div class="general">???</div></td>
+                <td class="role-computed"><div class="general">html-input-datetime</div></td>
                 <td class="ia2">
                   <div class="role">
                     <span class="type">Role:</span> <code>IA2_ROLE_DATE_EDITOR</code>
@@ -1594,7 +1610,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#file-upload-state-(type=file)">File Upload</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-input-file</div></td>
               <td class="ia2">
                 <div class="general">
                   Implementation dependent. If represented by a container with a button a text label inside then:
@@ -1682,7 +1698,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#local-date-and-time-state-(type=datetime-local)">Local Date and Time</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-input-datetime-local</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `IA2_ROLE_DATE_EDITOR`
@@ -1719,7 +1735,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#month-state-(type=month)">Month</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-input-month</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `IA2_ROLE_DATE_EDITOR`
@@ -1804,7 +1820,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#password-state-(type=password)">Password</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-input-password</div></td>
               <td class="ia2">
                 <div class="role"><span class="type">Role:</span> `ROLE_SYSTEM_TEXT`</div>
                 <div class="states">
@@ -2025,7 +2041,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a data-cite="html/input.html#time-state-(type=time)">Time</a> state)</span>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-input-time</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_SPINBUTTON` if implemented as a simple <a class="termref">widget</a>; `ROLE_SYSTEM_GROUPING` with child controls mapped as appropriate if implemented as a complex <a class="termref">widget</a>
@@ -2095,7 +2111,7 @@ <h3>HTML Element Role Mappings</h3>
                 </span>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-imput-week</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `IA2_ROLE_DATE_EDITOR`
@@ -2627,7 +2643,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a href="https://html.spec.whatwg.org/#rb">`rb`</a>
                 </th>
                 <td class="aria">No corresponding role</td>
-                <td class="role-computed"><div class="general">???</div></td>
+                <td class="role-computed"><div class="general">html-rb</div></td>
                 <td class="ia2">
                   <div class="role">
                     <span class="type">Role:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_TEXT_FRAME`
@@ -2661,7 +2677,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-rp">
               <th><a data-cite="html">`rp`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">htmp-rp</div></td>
               <td class="ia2">
                 <div class="general">
                   No accessible object. No child elements are exposed if
@@ -2686,7 +2702,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-rt">
               <th><a data-cite="HTML">`rt`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-rt</div></td>
               <td class="ia2">
                 <div class="general">
                   No accessible object. No child elements are exposed if
@@ -2725,7 +2741,7 @@ <h3>HTML Element Role Mappings</h3>
                   <a href="https://html.spec.whatwg.org/#rtc">`rtc`</a>
                 </th>
                 <td class="aria">No corresponding role</td>
-                <td class="role-computed"><div class="general">???</div></td>
+                <td class="role-computed"><div class="general">html-rtc</div></td>
                 <td class="ia2">
                   <div class="role">
                     <span class="type">Role:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_TEXT_FRAME`
@@ -2760,7 +2776,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-ruby">
               <th><a data-cite="HTML">`ruby`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">???</div></td>
+              <td class="role-computed"><div class="general">html-ruby</div></td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_TEXT_FRAME`
@@ -3376,7 +3392,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-wbr">
                 <th><a data-cite="HTML">`wbr`</a></th>
                 <td class="aria">No corresponding role</td>
-                <td class="role-computed"><div class="general">html-wbr</div></td>
+                <td class="role-computed"><div class="general">Not mapped</div></td>
                 <td class="ia2">
                   <div class="general">
                     If a line break is added, expose it with `IAccessibleText` on the text container

From fe304e3a1b6071ec3f6ec9a6a7d8c64668c588d8 Mon Sep 17 00:00:00 2001
From: Scott O'Hara <scottaohara@users.noreply.github.com>
Date: Fri, 19 May 2023 10:38:40 -0400
Subject: [PATCH 7/9] summary computed role clarification

takes what was in the comment and adds it to computed role cell
---
 index.html | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 2369301d..1d64dbf0 100644
--- a/index.html
+++ b/index.html
@@ -2963,7 +2963,13 @@ <h3>HTML Element Role Mappings</h3>
                 <a data-cite="HTML">`summary`</a>
               </th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">html-summary</div></td>
+              <td class="role-computed">
+                <div class="general">
+                  <p>If the element is the first child of its type within a parent `details` element: `html-summary`</p>
+                  <p>Otherwise, if it is not the first child of its type of a parent `details` element, 
+                     or it is not a child of a `details` element: <a class="core-mapping" href="#role-map-generic">`generic`</a> role</p>
+                </div>
+              </td>
               <td class="ia2">
                 <div class="role">
                   <span class="type">Role:</span> `ROLE_SYSTEM_PUSHBUTTON`
@@ -3004,10 +3010,7 @@ <h3>HTML Element Role Mappings</h3>
                 </div>
               </td>
               <!-- <td class="naming"></td> -->
-              <td class="comments">
-                If a `summary` element is not a child of a `details` element, or it is not the first `summary` element of a parent `details`, 
-                then the `summary` element MUST be exposed with a `generic` role.
-              </td>
+              <td class="comments"></td>
             </tr>
             <tr tabindex="-1" id="el-sup">
               <th><a data-cite="html">`sup`</a></th>

From 843bce6a790259ee221ba4c8eed39ac7669f6f3a Mon Sep 17 00:00:00 2001
From: Scott O'Hara <scottaohara@users.noreply.github.com>
Date: Tue, 6 Jun 2023 15:08:29 -0400
Subject: [PATCH 8/9] fix br typo for computed role

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 1d64dbf0..17e8706c 100644
--- a/index.html
+++ b/index.html
@@ -573,7 +573,7 @@ <h3>HTML Element Role Mappings</h3>
             <tr tabindex="-1" id="el-br">
               <th><a data-cite="HTML">`br`</a></th>
               <td class="aria">No corresponding role</td>
-              <td class="role-computed"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="role-computed"><div class="general">Not mapped</div></td>
               <td class="ia2"><div class="general">Not mapped</div></td>
               <td class="uia"><div class="general">Not mapped</div></td>
               <td class="atk"><div class="general">Not mapped</div></td>

From e6526e3e7542ba37a3cea7b66d83e1739b4721ef Mon Sep 17 00:00:00 2001
From: Scott O'Hara <scottaohara@users.noreply.github.com>
Date: Tue, 6 Jun 2023 15:14:35 -0400
Subject: [PATCH 9/9] add changelog entry

---
 index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.html b/index.html
index 17e8706c..c811e06d 100644
--- a/index.html
+++ b/index.html
@@ -6425,6 +6425,7 @@ <h3>Change Log</h3>
       <section>
         <h4>Substantive changes since moving to the <a href="https://www.w3.org/WAI/ARIA/">Accessible Rich Internet Applications Working Group</a> (03-Nov-2019)</h4>
         <ul>
+          <li>06-Jun-2023: Add computed roles for all HTML elements. See <a href="https://github.com/w3c/html-aam/pull/465">GitHub PR 465</a>.</li>
           <li>28-Mar-2023: Add `inert` attribute mapping. See <a href="https://github.com/w3c/html-aam/pull/410">GitHub PR 410</a>.</li>
           <li>24-Mar-2023: Add `search` element and its mappings. See <a href="https://github.com/w3c/html-aam/pull/355/">GitHub PR 355</a>.</li>
           <li>08-Mar-2023: Update `hgroup` element to be mapped to `role=group`. See  <a href="https://github.com/w3c/html-aam/pull/398">GitHub PR 398</a>.</li>