Skip to content
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.

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

Change figure & figcaption accName computation #359

Closed
wants to merge 23 commits into from
Closed
Changes from 2 commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
941668e
Change figure & figcaption accName computation
scottaohara Jan 20, 2022
c1f0436
Merge branch 'gh-pages' into figure-figcaption-revision
scottaohara Jan 20, 2022
472d40e
Merge branch 'gh-pages' into figure-figcaption-revision
scottaohara Feb 7, 2022
0a0f361
resolve review comments
scottaohara Feb 7, 2022
8d36f54
Merge branch 'gh-pages' into figure-figcaption-revision
scottaohara Apr 4, 2022
8e3e598
indicate figcaption maps to caption
scottaohara Apr 29, 2022
8841502
add in AX details for figure's relationship to figcaption
scottaohara Apr 29, 2022
295f94b
Merge branch 'gh-pages' into figure-figcaption-revision
scottaohara Apr 29, 2022
4bae8c9
Merge branch 'gh-pages' into figure-figcaption-revision
scottaohara Jun 6, 2022
eee657b
Merge branch 'gh-pages' into figure-figcaption-revision
scottaohara Jul 9, 2022
4471139
Merge branch 'gh-pages' into figure-figcaption-revision
scottaohara Oct 14, 2022
a8a4c01
finish up mapping detials
scottaohara May 3, 2023
f22b76b
Merge branch 'gh-pages' into figure-figcaption-revision
scottaohara May 3, 2023
1108f16
attempt to fix build error
scottaohara May 3, 2023
6fa6be7
Merge branch 'gh-pages' into figure-figcaption-revision
scottaohara May 3, 2023
db3e5b7
fix the broken accname/desc references
scottaohara May 3, 2023
82af13a
Merge branch 'gh-pages' into figure-figcaption-revision
scottaohara May 3, 2023
3fd830d
Merge branch 'gh-pages' into figure-figcaption-revision
scottaohara Jun 4, 2023
2339df0
add comment regarding aria-details
scottaohara Jun 4, 2023
7263462
Merge branch 'gh-pages' into figure-figcaption-revision
scottaohara Oct 25, 2023
7839c03
update based on review suggestions
scottaohara Nov 22, 2023
9a81370
Merge branch 'gh-pages' into figure-figcaption-revision
scottaohara Nov 22, 2023
2380d76
Merge branch 'gh-pages' into figure-figcaption-revision
scottaohara Dec 13, 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
34 changes: 16 additions & 18 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -1079,7 +1079,8 @@ <h3>HTML Element Role Mappings</h3>
<span class="type">Roles:</span> `ROLE_SYSTEM_TEXT`; `IA2_ROLE_CAPTION`
</div>
<div class="relations">
<span class="type">Relations:</span> `IA2_RELATION_LABEL_FOR` with parent <a href="#el-figure">`figure`</a> element
<span class="type">Relations:</span>
`IA2_RELATION_DETAILS_FOR` with parent <a href="#el-figure">`figure`</a> element
scottaohara marked this conversation as resolved.
Show resolved Hide resolved
</div>
<div class="ifaces">
<span class="type">Interfaces:</span> `IAccessibleText2`; `IAccessibleHypertext2`;
Expand All @@ -1096,7 +1097,7 @@ <h3>HTML Element Role Mappings</h3>
</div>
<div class="relations">
<span class="type">Relations:</span>
`ATK_RELATION_LABEL_FOR` with parent <a href="#el-figure">`figure`</a> element
`RELATION_DETAILS_FOR` with parent <a href="#el-figure">`figure`</a> element
</div>
<div class="ifaces">
<span class="type">Interfaces:</span> `AtkText`; `AtkHypertext`
scottaohara marked this conversation as resolved.
Show resolved Hide resolved
Expand Down Expand Up @@ -1126,34 +1127,25 @@ <h3>HTML Element Role Mappings</h3>
<div class="role">
<span class="type">Role:</span> Use WAI-ARIA mapping
</div>
<div class="relations">
<span class="type">Relations:</span> `IA2_RELATION_LABELLED_BY` with child <a href="#el-figcaption">`figcaption`</a> element
</div>
</td>
<td class="uia">
<div class="role">
<span class="type">Role:</span> Use WAI-ARIA mapping
</div>
<div class="general">
Accessible name derived from `figcaption` according to the <a href="#figure-element-accessible-name-computation">`figure` Element Accessible Name Computation</a>
</div>
</td>
<td class="atk">
<div class="role">
<span class="type">Role:</span> Use WAI-ARIA mapping</div>
<div class="name">
<span class="type">Name:</span> related <a href="#el-figcaption">`figcaption`</a> content
</div>
<div class="relations">
<span class="type">Relations:</span> `ATK_RELATION_LABELLED_BY` with child <a href="#el-figcaption">`figcaption`</a> element
</div>
</td>
<td class="ax">
<div class="role">
<span class="type">AXRole:</span> Use WAI-ARIA mapping
</div>
</td>
<td class="comments"></td>
<td class="comments">
The first child instance of a <a href="#el-figcaption">`figcaption`</a> provides details
scottaohara marked this conversation as resolved.
Show resolved Hide resolved
for its parent <a href="#el-figure">`figure`</a>.
</td>
</tr>
<tr tabindex="-1" id="el-footer-ancestorbody">
<th>
Expand Down Expand Up @@ -6328,19 +6320,25 @@ <h4>`summary` Element Accessible Description Computation</h4>
</section>
<section>
<h3>`figure` and `figcaption` Elements</h3>
<div class="note">
<p>
A <a href="#el-figcaption">`figcaption`</a> provides additional detailed information related to its parent
<a href="#el-figure">`figure`</a> element. A `figcaption` does not take part in the
<a class="termref">accessible name</a> or <a class="termref">accessible description</a> computation.
</p>
</div>
<section>
<h4>`figure` Element Accessible Name Computation</h4>
<ol>
<li>
If the `figure` element has an <a href="https://www.w3.org/TR/wai-aria-1.1/#aria-label">`aria-label`</a> or an <a href="https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby">`aria-labelledby`</a> attribute the <a class="termref">accessible name</a> is to be calculated using the algorithm defined in <a href="" class="accname">Accessible Name and Description: Computation and API Mappings 1.1</a>.
</li>
<li>
If the <a class="termref">accessible name</a> is still empty, then: if the `figure` element has a <a href="https://dom.spec.whatwg.org/#concept-tree-child">child</a> that is a `figcaption` element, then use the subtree of the first such element.
Otherwise, use the `title` attribute.
</li>
<li>
If the <a class="termref">accessible name</a> is still empty, then: if the `figure` element has a `title` attribute, then use that attribute.
If none of the above yield a usable text string there is no <a class="termref">accessible name</a>.
</li>
<li>Otherwise, there is no <a class="termref">accessible name</a>.</li>
</ol>
</section>
<section>
Expand Down