🌐 AI搜索 & 代理 主页
Skip to content

Clarify and consolidate img ARIA allowances #453

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
scottaohara merged 15 commits into from
Oct 3, 2023
Merged

Clarify and consolidate img ARIA allowances #453

Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
ef9ea40
Clarify and consolidate img ARIA allowances
scottaohara Mar 16, 2023
60aefc3
Merge branch 'gh-pages' into img-allowances-update
scottaohara Jun 14, 2023
dbf1cfc
clarify when img role is allowed
scottaohara Jun 14, 2023
ddcdd49
add missing comma
scottaohara Jun 14, 2023
901edde
mark as updated from previous spec via classes
scottaohara Jun 14, 2023
eae0d78
Merge branch 'gh-pages' into img-allowances-update
scottaohara Jun 14, 2023
78f8b9e
add meter to allowed role for img
scottaohara Jun 14, 2023
e2b703f
Merge branch 'gh-pages' into img-allowances-update
scottaohara Jun 14, 2023
e79904e
fix img lacking alt allowance
scottaohara Jun 15, 2023
0035061
Merge branch 'gh-pages' into img-allowances-update
scottaohara Jun 26, 2023
39b6bf3
Merge branch 'gh-pages' into img-allowances-update
scottaohara Jul 5, 2023
e8c9830
Merge branch 'gh-pages' into img-allowances-update
scottaohara Aug 2, 2023
817ff9d
Merge branch 'gh-pages' into img-allowances-update
scottaohara Aug 21, 2023
b52cd36
Merge branch 'gh-pages' into img-allowances-update
scottaohara Sep 5, 2023
f1c5a2b
update changelog
scottaohara Oct 3, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
60 changes: 37 additions & 23 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down Expand Up @@ -1560,9 +1564,13 @@ <h2 id="docconformance">
</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 method</a>:<br>
<code>role=<a href="#index-aria-img">img</a></code>
</td>
<td>
Expand All @@ -1574,6 +1582,9 @@ <h2 id="docconformance">
<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">
Expand All @@ -1597,43 +1608,46 @@ <h2 id="docconformance">
</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">presentation</a></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 methods</a>:<br>
<code>role=<a href="#index-aria-none">none</a></code>,
<code>role=<a href="#index-aria-presentation">presentation</a></code>
</p>
<p id="el-img-no-alt" tabindex="-1">
If the `img` <a data-cite="html/images.html#unknown-images">lacks an `alt` attribute</a> and lacks any other
<a data-cite="html-aam-1.0#img-element-accessible-name-computation">`img` naming methods</a>:<br>
<code>role=<a href="#index-aria-img">img</a></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">presentation</a></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">none</a></code> or <code><a href="#index-aria-presentation">presentation</a></code> roles.
(<code>role=<a href="#index-aria-img">img</a></code> is also allowed, but NOT RECOMMENDED.)
</p>
<p>
<strong>No `aria-*` attributes</strong>
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` attribute</a>
</th>
<td>
<code>role=<a href="#index-aria-img">img</a></code>
</td>
<td>
<p>
If no <a data-cite="accname-1.2/#dfn-accessible-name">accessible name</a> is provided via other
<a data-cite="html-aam-1.0#img-element-accessible-name-computation">`img` naming methods</a> (e.g., `aria-labelledby`, `aria-label`):
<a><strong class="nosupport">No `role`</strong></a> other than <code><a href="#index-aria-img">img</a></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">none</a></code> or
<code><a href="#index-aria-presentation">presentation</a></code> roles, which are NOT RECOMMENDED.
</p>
<p>
<strong>No `aria-*` attributes</strong>
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 name</a>.
</p>
</div>
</td>
</tr>
<tr>
Expand Down