Skip to content

Commit

Permalink
add sectionheader and sectionfooter roles (#1931)
Browse files Browse the repository at this point in the history 
Co-authored-by: Valerie Young <[email protected]>
Co-authored-by: James Craig <[email protected]>
  • Loading branch information
@scottaohara @spectranaut @cookiecrook
3 people authored Dec 11, 2024
1 parent 951479e commit 80753f9
Show file tree
Hide file tree
Showing 2 changed files with 259 additions and 0 deletions.
103 changes: 103 additions & 0 deletions core-aam/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4338,6 +4338,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>section footer</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>AXSectionFooter</code></span
><br />
<span class="property">AXRoleDescription: <code>section footer</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>section header</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>AXSectionHeader</code></span
><br />
<span class="property">AXRoleDescription: <code>section header</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
Original file line number Diff line number Diff line change
Expand Up @@ -7397,6 +7397,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 @@ -7467,6 +7545,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

0 comments on commit 80753f9

Please sign in to comment.