aside mapping revisions (#350)

scottaohara · stevefaulkner · web-flow · commit 8b8d38cccf53 · 2022-04-03T17:30:40.000+01:00
* aside mapping revisions closes #86 Treat an `aside` element similarly to `header`, `footer` and `section`. map `aside` to `role=complementary` if: * scoped to `main` or `body` elements * or given accessible name if scoped to sectioning content or root elements otherwise, scope to `role=generic` * provide links to terms adds links to sectioning content and sectioning root, as was done in `header` and `footer` Co-authored-by: Steve Faulkner <faulkner.steve@gmail.com>
diff --git a/index.html b/index.html
@@ -418,18 +418,31 @@ <h3>HTML Element Role Mappings</h3>
               <td class="ax"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="comments"></td>
             </tr>
-            <tr tabindex="-1" id="el-aside">
+            <tr tabindex="-1" id="el-aside-ancestorbodymain">
               <th>
-                <a data-cite="HTML">`aside`</a>
+                <a data-cite="HTML">`aside`</a> (scoped to the `body` or `main` element)
               </th>
               <td class="aria">
                 <a class="core-mapping" href="#role-map-complementary">`complementary`</a> role
               </td>
               <td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
-              <td class="uia">
-                <div class="general">Use WAI-ARIA mapping</div>
-                <div class="ctrltype"><span class="type">Localized Control Type:</span> `"aside"`</div>
+              <td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="ax"><div class="general">Use WAI-ARIA mapping</div></td>
+              <td class="comments"></td>
+            </tr>
+            <tr tabindex="-1" id="el-aside">
+              <th>
+                <a data-cite="HTML">`aside`</a> 
+                (scoped to a <a data-cite="HTML/dom.html#sectioning-content">sectioning content</a> element, 
+                or a <a data-cite="HTML/sections.html#sectioning-root">sectioning root</a> element other than `body`)
+              </th>
+              <td class="aria">
+                <a class="core-mapping" href="#role-map-complementary">`complementary`</a> role if the <a>`aside`</a> element has an <a>accessible name</a>. 
+                Otherwise, <a class="core-mapping" href="#role-map-generic">`generic`</a> role.
               </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>
               <td class="ax"><div class="general">Use WAI-ARIA mapping</div></td>
               <td class="comments"></td>
