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.

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

Jump to bottom

add sectionheader and sectionfooter roles #1931

Open
wants to merge 7 commits into
base: main
Choose a base branch
from
+259 −0
Open

add sectionheader and sectionfooter roles #1931

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
1b46271
add proposed header and footer roles
scottaohara May 9, 2023
c6dbbfd
Update index.html
scottaohara May 9, 2023
e73f8b4
Update index.html
scottaohara May 9, 2023
ad224db
Update index.html
scottaohara Aug 16, 2023
7b30211
update header to sectionheader
scottaohara Aug 16, 2023
0a1df33
change footer to sectionfooter
scottaohara Aug 16, 2023
a78d8a6
Add core-aam mappings for new sectionheader and sectionfooter
spectranaut Jun 14, 2024
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
103 changes: 103 additions & 0 deletions core-aam/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4339,6 +4339,109 @@ <h4 id="role-map-searchbox"><code>searchbox</code></h4>
</tr>
</tbody>
</table>
<h4 id="role-map-sectionfooter"><code>sectionfooter</code></h4>
<table aria-labelledby="role-map-sectionfooter">
<tbody>
<tr>
<th>ARIA Specification</th>
<td>
<a class="role-reference" href="#sectionfooter"><code>sectionfooter</code></a>
</td>
</tr>
<tr>
<th>Computed Role</th>
<td>
<p><code>sectionfooter</code></p>
</td>
</tr>
<tr>
<th>MSAA + IAccessible2</th>
<td>
<span class="property">Role: <code>ROLE_SYSTEM_GROUPING</code></span
><br />
<span class="property">Object Attribute: <code>xml-roles:sectionfooter</code></span>
</td>
</tr>
<tr>
<th><abbr title="User Interface Automation">UIA</abbr></th>
<td>
<span class="property">Control Type: <code>Group</code></span
><br />
<span class="property">Localized Control Type: <code>sectionfooter</code></span>
</td>
</tr>
<tr>
<th><abbr title="Accessibility Toolkit">ATK</abbr>/<abbr title="Assistive Technology - Service Provider Interface">AT-SPI</abbr></th>
<td>
<span class="property">Role: <code>ROLE_FOOTER</code></span
><br />
</td>
</tr>
<tr>
<th>
<abbr title="macOS Accessibility Protocol">AX API</abbr><sup>[<a href="#ftn.note1">Note 1</a>]</sup>
</th>
<td>
<span class="property">AXRole: <code>AXGroup</code></span
><br />
<span class="property">AXSubrole: <code>&lt;nil&gt;</code></span
><br />
<span class="property">AXRoleDescription: <code>sectionfooter</code></span>
</td>
</tr>
</tbody>
</table>
<h4 id="role-map-sectionheader"><code>sectionheader</code></h4>
<table aria-labelledby="role-map-sectionheader">
<tbody>
<tr>
<th>ARIA Specification</th>
<td>
<a class="role-reference" href="#sectionheader"><code>sectionheader</code></a>
</td>
</tr>
<tr>
<th>Computed Role</th>
<td>
<p><code>sectionheader</code></p>
</td>
</tr>
<tr>
<th>MSAA + IAccessible2</th>
<td>
<span class="property">Role: <code>ROLE_SYSTEM_GROUPING</code></span
><br />
<span class="property">Object Attribute: <code>xml-roles:sectionheader</code></span>
</td>
</tr>
<tr>
<th><abbr title="User Interface Automation">UIA</abbr></th>
<td>
<span class="property">Control Type: <code>Group</code></span
><br />
<span class="property">Localized Control Type: <code>sectionheader</code></span>
</td>
</tr>
<tr>
<th><abbr title="Accessibility Toolkit">ATK</abbr>/<abbr title="Assistive Technology - Service Provider Interface">AT-SPI</abbr></th>
<td>
<span class="property">Role: <code>ROLE_HEADER</code></span>
</td>
</tr>
<tr>
<th>
<abbr title="macOS Accessibility Protocol">AX API</abbr><sup>[<a href="#ftn.note1">Note 1</a>]</sup>
</th>
<td>
<span class="property">AXRole: <code>AXGroup</code></span
><br />
<span class="property">AXSubrole: <code>&lt;nil&gt;</code></span
><br />
<span class="property">AXRoleDescription: <code>sectionheader</code></span>
</td>
</tr>
</tbody>
</table>
<h4 id="role-map-separator"><code>separator</code> (non-focusable)</h4>
<table aria-labelledby="role-map-separator">
<tbody>
Expand Down
156 changes: 156 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7396,6 +7396,84 @@ <h5>Presentational Role Inheritance</h5>
</tbody>
</table>
</div>
<div class="role" id="sectionfooter">
<rdef>sectionfooter</rdef>
<div class="role-description">
<p>A set of user interface objects and information representing information about its closest ancestral content group. For instance, a <code>sectionfooter</code> can include information about who wrote the specific section of content, such as an <rref>article</rref>. It can contain links to related documents, copyright information or other indices and colophon specific to the current section of the page.</p>
<p>A <code>sectionfooter</code> does not represent information about the parent document, or globally repeating content found across multiple pages related to the website. For such content, the <rref>contentinfo</rref> role would be more appropriate.</p>
</div>
<table class="role-features">
<caption>Characteristics:</caption>
<thead>
<tr>
<th scope="col">Characteristic</th>
<th scope="col">Value</th>
</tr>
</thead>
<tbody>
<tr>
<th class="role-abstract-head" scope="row">Is Abstract:</th>
<td class="role-abstract"> </td>
</tr>
<tr>
<th class="role-parent-head" scope="row">Superclass Role:</th>
<td class="role-parent"><rref>section</rref></td>
</tr>
<tr>
<th class="role-children-head" scope="row">Subclass Roles:</th>
<td class="role-children">Placeholder</td>
</tr>
<tr>
<th class="role-base-head" scope="row">Base Concept:</th>
<td class="role-base"><code>&lt;[^footer^]&gt;</code> in HTML</td>
</tr>
<tr>
<th class="role-related-head" scope="row">Related Concepts:</th>
<td class="role-related"></td>
</tr>
<tr>
<th class="role-scope-head" scope="row">Required Accessibility Parent Roles:</th>
<td class="role-scope"> </td>
</tr>
<tr>
<th class="role-mustcontain-head" scope="row">Allowed Accessibility Child Roles:</th>
<td class="role-mustcontain"> </td>
</tr>
<tr>
<th class="role-required-properties-head">Required States and Properties:</th>
<td class="role-required-properties"> </td>
</tr>
<tr>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties"> </td>
</tr>
<tr>
<th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
<td class="role-inherited">Placeholder</td>
</tr>
<tr>
<th class="role-namefrom-head" scope="row">Name From:</th>
<td class="role-namefrom">author</td>
</tr>
<tr>
<th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
<td class="role-namerequired"> </td>
</tr>
<tr>
<th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
<td class="role-namerequired-inherited"> </td>
</tr>
<tr>
<th class="role-childpresentational-head" scope="row">Children Presentational:</th>
<td class="role-childpresentational"> </td>
</tr>
<tr>
<th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
<td class="role-presentational-inherited"> </td>
</tr>
</tbody>
</table>
</div>
<div class="role" id="sectionhead">
<rdef>sectionhead</rdef>
<div class="role-description">
Expand Down Expand Up @@ -7466,6 +7544,84 @@ <h5>Presentational Role Inheritance</h5>
</tbody>
</table>
</div>
<div class="role" id="sectionheader">
<rdef>sectionheader</rdef>
<div class="role-description">
<p>A set of user interface objects and information that represents a collection of introductory items for the element's closest ancestral content group. For instance, a <code>sectionheader</code> can include the heading, introductory statement and related meta data for a section of content, for instance a <rref>region</rref> or <rref>article</rref>, within a web page.</p>
<p>A <code>sectionheader</code> does not represent site-oriented or globally repeating content found across multiple pages of a website. For such content, the <rref>banner</rref> role would be more appropriate.</p>
</div>
<table class="role-features">
<caption>Characteristics:</caption>
<thead>
<tr>
<th scope="col">Characteristic</th>
<th scope="col">Value</th>
</tr>
</thead>
<tbody>
<tr>
<th class="role-abstract-head" scope="row">Is Abstract:</th>
<td class="role-abstract"> </td>
</tr>
<tr>
<th class="role-parent-head" scope="row">Superclass Role:</th>
<td class="role-parent"><rref>section</rref></td>
</tr>
<tr>
<th class="role-children-head" scope="row">Subclass Roles:</th>
<td class="role-children">Placeholder</td>
</tr>
<tr>
<th class="role-base-head" scope="row">Base Concept:</th>
<td class="role-base"><code>&lt;[^header^]&gt;</code> in HTML</td>
</tr>
<tr>
<th class="role-related-head" scope="row">Related Concepts:</th>
<td class="role-related"></td>
</tr>
<tr>
<th class="role-scope-head" scope="row">Required Accessibility Parent Roles:</th>
<td class="role-scope"> </td>
</tr>
<tr>
<th class="role-mustcontain-head" scope="row">Allowed Accessibility Child Roles:</th>
<td class="role-mustcontain"> </td>
</tr>
<tr>
<th class="role-required-properties-head">Required States and Properties:</th>
<td class="role-required-properties"> </td>
</tr>
<tr>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties"> </td>
</tr>
<tr>
<th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
<td class="role-inherited">Placeholder</td>
</tr>
<tr>
<th class="role-namefrom-head" scope="row">Name From:</th>
<td class="role-namefrom">author</td>
</tr>
<tr>
<th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
<td class="role-namerequired"> </td>
</tr>
<tr>
<th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
<td class="role-namerequired-inherited"> </td>
</tr>
<tr>
<th class="role-childpresentational-head" scope="row">Children Presentational:</th>
<td class="role-childpresentational"> </td>
</tr>
<tr>
<th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
<td class="role-presentational-inherited"> </td>
</tr>
</tbody>
</table>
</div>
<div class="role" id="select">
<rdef>select</rdef>
<div class="role-description">
Expand Down
Loading