Clarify and consolidate img ARIA allowances (#453)

Clarify and consolidate img ARIA allowances

This PR closes #424 and #452

* clarify when img role is allowed
* add meter to allowed role for img
* similar to progressbar, meter should thus also be allowed.
* fix img lacking alt allowance
* update changelog

Author: scottaohara

index.html

@@ -64,6 +64,10 @@
         the following substantive additions and/or corrections have been proposed:
       p>
       <ul>
+        <li>
+          <a href="https://github.com/w3c/html-aria/pull/453">3 October 2023 - Correction:a>
+          Update the <a href="#el-img">`img`a> element allowances to be based on whether the element is named, or not.
+        li>
         <li>
           <a href="https://github.com/w3c/html-aria/pull/462">21 August 2023 - Addition:a>
           Update the <a href="#el-address">`address`a> and <a href="#el-hgroup">`hgroup`a> element allowances per their updated mapping to the `group` role.
@@ -1560,9 +1564,13 @@ 
           tr>
           <tr>
             <th id="el-img" tabindex="-1">
-              [^img^] with [^img/alt^]`="some text"`
+              <div class="correction proposed">
+                [^img^] with an accessible name.
+              div>
             th>
             <td>
+              If the `img` has non-empty [^img/alt^] (`alt="some text"`) or an accessible name is provided another 
+              <a data-cite="html-aam-1.0#img-element-accessible-name-computation">`img` naming methoda>:<br>
               <code>role=<a href="#index-aria-img">imga>code>
             td>
             <td>
@@ -1574,6 +1582,9 @@ 
                 <a href="#index-aria-menuitem">`menuitem`a>,
                 <a href="#index-aria-menuitemcheckbox">`menuitemcheckbox`a>,
                 <a href="#index-aria-menuitemradio">`menuitemradio`a>,
+                <span class="addition">
+                  <a href="#index-aria-meter">`meter`a>,
+                span>
                 <a href="#index-aria-option">`option`a>,
                 <a href="#index-aria-progressbar">`progressbar`a>,
                 <span class="correction">
@@ -1597,43 +1608,46 @@ 
             td>
           tr>
           <tr>
-            <th id="el-img-empty-alt" tabindex="-1">
-              [^img^] with [^img/alt^]`=""`
+            <th id="el-img-no-name" tabindex="-1">
+              [^img^] with no accessible name.
             th>
             <td>
-              <code>role=<a href="#index-aria-presentation">presentationa>code>
+              <div class="proposed correction">
+                <p id="el-img-empty-alt">
+                  If the `img` has an empty `alt` ([^img/alt^]`=""`) and lacks any other 
+                  <a data-cite="html-aam-1.0#img-element-accessible-name-computation">`img` naming methodsa>:<br>
+                  <code>role=<a href="#index-aria-none">nonea>code>, 
+                  <code>role=<a href="#index-aria-presentation">presentationa>code>
+                p>
+                <p id="el-img-no-alt" tabindex="-1">
+                  If the `img` <a data-cite="html/images.html#unknown-images">lacks an `alt` attributea> and lacks any other 
+                  <a data-cite="html-aam-1.0#img-element-accessible-name-computation">`img` naming methodsa>:<br>
+                  <code>role=<a href="#index-aria-img">imga>code>
+                p>
+              div>
             td>
             <td>
+              <div class="correction proposed">
               <p>
-                <a><strong class="nosupport">No `role`strong>a> other than <code><a href="#index-aria-presentation">presentationa>code>, which is NOT RECOMMENDED
+                If the `img` has no `alt` attribute or accessible name:
+                <a><strong class="nosupport">No `role`strong>a> other than the  
+                <code>role=<a href="#index-aria-none">nonea>code> or <code><a href="#index-aria-presentation">presentationa>code> roles.
+                (<code>role=<a href="#index-aria-img">imga>code> is also allowed, but NOT RECOMMENDED.)
               p>
               <p>
-                <strong>No `aria-*` attributesstrong>
-                except <a data-cite="wai-aria-1.2#aria-hidden">`aria-hidden="true"`a>.
-              p>
-            td>
-          tr>
-          <tr>
-            <th id="el-img-no-alt" tabindex="-1">
-              [^img^] <a data-cite="html/images.html#unknown-images">without an `alt` attributea>
-            th>
-            <td>
-              <code>role=<a href="#index-aria-img">imga>code>
-            td>
-            <td>
-              <p>
-                If no <a data-cite="accname-1.2/#dfn-accessible-name">accessible namea> is provided via other 
-                <a data-cite="html-aam-1.0#img-element-accessible-name-computation">`img` naming methodsa> (e.g., `aria-labelledby`, `aria-label`): 
-                <a><strong class="nosupport">No `role`strong>a> other than <code><a href="#index-aria-img">imga>code>, which is NOT RECOMMENDED.
+                If the `img` has an empty `alt=""` attribute and no `aria-label` or `aria-labelledby` attributes to provide it an accessible name:
+                <a><strong class="nosupport">No `role`strong>a> other than the <code>role=<a href="#index-aria-none">nonea>code> or
+                <code><a href="#index-aria-presentation">presentationa>code> roles, which are NOT RECOMMENDED.
               p>
               <p>
                 <strong>No `aria-*` attributesstrong>
                 except <a data-cite="wai-aria-1.2#aria-hidden">`aria-hidden="true"`a>.
               p>
               <p>
                 Otherwise, if the `img` has an author defined accessible name, 
-                see <a href="#el-img">`img` with `alt="some text"`a>.
+                see <a href="#el-img">`img` with an accessible namea>.
               p>
+              div>
             td>
           tr>
           <tr>