Clarify li element role allowances (#410)

* update li element's implicit role mappings to reflect html aam
* redraft li rule
- fix typo
- clarify role rules further
* update changelog

Author: scottaohara

index.html

@@ -63,6 +63,11 @@
         the following substantive additions and/or corrections have been proposed:
       </p>
       <ul>
+        <li>
+          <a href="https://github.com/w3c/html-aria/pull/410">31 May 2023 - Correction:</a>
+          Update <a href="#el-li">`li`</a> element role allowances in context to the element's ancestral relationship, or lack of, 
+          to a list element parent.
+        </li>
         <li>
           <a href="https://github.com/w3c/html-aria/pull/401">24 March 2023 - Addition:</a>
           The <a href="#el-search">`search`</a> element has been added.
@@ -73,7 +78,7 @@
         </li>
         <li>
           <a href="https://github.com/w3c/html-aria/pull/415">13 February 2023 - Addition:</a>
-           Update `figure` element role allowances to include `doc-example`.
+          Update `figure` element role allowances to include `doc-example`.
         </li>
         <li>
           <a href="https://github.com/w3c/html-aria/pull/437">07 November 2022 - Correction:</a>
@@ -469,7 +474,7 @@ <h2 id="docconformance">
               </p>
             </th>
             <th>
-              ARIA roles, states and properties which MAY be used
+              ARIA role, state and property allowances
             </th>
           </tr>
         </thead>
@@ -2127,24 +2132,32 @@ <h2 id="docconformance">
             <th id="el-li" tabindex="-1">
               [^li^]
             </th>
-            <td>
-              <code>role=<a href="#index-aria-listitem">listitem</a></code>
-            </td>
             <td>
               <p>
-                Roles:
-                <a href="#index-aria-menuitem">`menuitem`</a>,
-                <a href="#index-aria-menuitemcheckbox">`menuitemcheckbox`</a>,
-                <a href="#index-aria-menuitemradio">`menuitemradio`</a>,
-                <a href="#index-aria-option">`option`</a>,
-                <a href="#index-aria-none">`none`</a>,
-                <a href="#index-aria-presentation">`presentation`</a>,
-                <a href="#index-aria-radio">`radio`</a>,
-                <a href="#index-aria-separator">`separator`</a>,
-                <a href="#index-aria-tab">`tab`</a>
-                or <a href="#index-aria-treeitem">`treeitem`</a>. (<code><a href="#index-aria-listitem">listitem</a></code> is also allowed, but NOT RECOMMENDED.)
+                If the `li` is a child of a list element 
+                (<a href="#el-ul">`ul`</a>, <a href="#el-ol">`ol`</a>, 
+                <a href="#el-menu">`menu`</a>)
+                <code>role=<a href="#index-aria-listitem">listitem</a></code>.
               </p>
               <p>
+                Otherwise, if the `li` is not a child of a list element it is exposed as 
+                a <code>role=<a href="#index-aria-generic">generic</a></code>.
+              </p>
+            </td>
+            <td>
+              <div class="proposed correction">
+                <p>
+                  <strong class="nosupport"><a>No `role`</a></strong> other than <code><a href="#index-aria-listitem">listitem</a></code>, which is NOT RECOMMENDED,
+                  if the parent list element has an implicit or explicit `list` role.
+                </p>
+                <p>
+                  Otherwise, <a><strong>any `role`</strong></a> if the parent list item does nto expose an implicit or explicit `list` role.
+                </p>
+                <p class="note">
+                  See <a href="#el-ul">`ul`</a>, <a href="#el-ol">`ol`</a>, or
+                  <a href="#el-menu">`menu`</a> for allowed roles for list elements.
+                </p>
+              </div>
               <p>
                 <a data-cite="wai-aria-1.2#global_states">Global `aria-*` attributes</a> 
                 and any `aria-*` attributes applicable to the allowed roles.