<h4 id="att-command-popovers">`command` <span class="att-context">(in the Toggle, Show, and Hide popover states)</span></h4>

<table class="data" aria-labelledby="att-command-popovers">

<tbody>

<tr>

<th>HTML Specification</th>

<td>

<span class="el-context"> `command` </span>

</td>

</tr>

<tr>

<th>Element(s)</th>

<td>

<a data-cite="html/button.html#attr-input-command">`button`</a>

(`command` in the

<a data-cite="html/input.html#attr-button-command-toggle-popover-state" id="att-command-toggle-popover">Toggle popover state</a>

<a data-cite="html/input.html#attr-button-command-show-popover-state" id="att-command-showpopover">Show popover state</a> and

<a data-cite="html/input.html#attr-button-command-hide-popover-state" id="att-command-hidepopover">Hide popover state</a>)

</td>

</tr>

<tr>

<th>[[WAI-ARIA-1.2]]</th>

<td>

<p>

If the associated element is displayed as a popover:

<a class="core-mapping" href="#ariaExpandedTrue">`aria-expanded=true`</a>

</p>

<p>

If the associated element is hidden:

<a class="core-mapping" href="#ariaExpandedFalse">`aria-expanded=false`</a>

</p>

<p>

If the associated element is an accessibility ancestor of the element with the `command` attribute or is not present in the DOM:

<a class="core-mapping" href="#ariaExpandedUndefined">`aria-expanded=undefined`</a>

</p>

<p>If the associated element is not a valid `popover` element: no `aria-expanded` mapping.</p>

</td>

</tr>

<tr>

<th>

<a href="https://msdn.microsoft.com/en-us/library/dd373608%28v=VS.85%29.aspx">MSAA</a> + <a href="https://accessibility.linuxfoundation.org/a11yspecs/ia2/docs/html/">IAccessible2</a>

</th>

<td>

<div class="general">Use WAI-ARIA mapping</div>

<div class="objattrs"><span class="type">Object attributes:</span> `details-roles:popover`</div>

</td>

</tr>

<tr>

<th><a href="https://msdn.microsoft.com/en-us/library/ms726297%28v=VS.85%29.aspx">UIA</a></th>

<td>

<div class="general">Use WAI-ARIA mapping</div>

</td>

</tr>

<tr>

<th><a href="https://gnome.pages.gitlab.gnome.org/atk/">ATK</a></th>

<td>

<div class="general">Use WAI-ARIA mapping</div>

<div class="objattrs"><span class="type">Object attributes:</span> `details-roles:popover`</div>

</td>

</tr>

<tr>

<th><a href="https://developer.apple.com/reference/appkit/nsaccessibility">AX</a></th>

<td>

<div class="general">Use WAI-ARIA mapping</div>

</td>

</tr>

<tr>

<th>Comments</th>

<td>

<p>

User Agents MUST expose an <a class="core-mapping" href="#ariaDetails">`aria-details`</a> relationship with the associated element (identified via the specified `commandfor`

attribute) <strong>except</strong> under the following conditions:

</p>

<ul>

<li>The associated popover element is the next immediate accessibility sibling to the invoking element,</li>

<li>The element is a descendant of the `popover` it is associated with.</li>

</ul>

<p class="note">

A button that represents a <a data-cite="html/forms.html#concept-submit-button">submit button</a> or is in the

<a data-cite="html/input.html#reset-button-state-(type=reset)">reset state</a> with a [=button/form owner=] cannot invoke a command.

</p>

</td>

</tr>

</tbody>

</table>

<h4 id="att-command-dialogs">`command` <span class="att-context">(in the Close and Show Modal states)</span></h4>

<table class="data" aria-labelledby="att-command-dialogs">

<tbody>

<tr>

<th>HTML Specification</th>

<td>`command`</td>

</tr>

<tr>

<th>Element(s)</th>

<td>

<a data-cite="html/button.html#attr-input-command">`button`</a>

<span class="el-context"

>(`command` in the <a data-cite="html/input.html#attr-button-command-close-state">Close state</a>) and

<a data-cite="html/input.html#attr-button-command-show-modal-state">Show Modal state</a>)</span

>

</td>

</tr>

<tr>

<th>[[WAI-ARIA-1.2]]</th>

<td>

<div class="general">A `command` attribute in the `close` and `show-modal` states provide no additional accessibility mappings to the `button` element.</div>

</td>

</tr>

<tr>

<th>

<a href="https://msdn.microsoft.com/en-us/library/dd373608%28v=VS.85%29.aspx">MSAA</a> + <a href="https://accessibility.linuxfoundation.org/a11yspecs/ia2/docs/html/">IAccessible2</a>

</th>

<td>

<div class="general">Not mapped</div>

</td>

</tr>

<tr>

<th><a href="https://msdn.microsoft.com/en-us/library/ms726297%28v=VS.85%29.aspx">UIA</a></th>

<td>

<div class="general">Not mapped</div>

</td>

</tr>

<tr>

<th><a href="https://gnome.pages.gitlab.gnome.org/atk/">ATK</a></th>

<td>

<div class="general">Not mapped</div>

</td>

</tr>

<tr>

<th><a href="https://developer.apple.com/reference/appkit/nsaccessibility">AX</a></th>

<td>

<div class="general">Not mapped</div>

</td>

</tr>

<tr>

<th>Comments</th>

<td>

<p class="note">

A button that represents a <a data-cite="html/forms.html#concept-submit-button">submit button</a> or is in the

<a data-cite="html/input.html#reset-button-state-(type=reset)">reset state</a> with a [=button/form owner=] cannot invoke a command.

</p>

</td>

</tr>

</tbody>

</table>

<h4 id="att-commandfor">`commandfor`</h4>

<table aria-labelledby="att-commandfor">

<tbody>

<tr>

<th>HTML Specification</th>

<td>`commandfor`</td>

</tr>

<tr>

<th>Element(s)</th>

<td>

<a data-cite="html/button.html#attr-input-commandfor">`button`</a>

</td>

</tr>

<tr>

<th>[[WAI-ARIA-1.2]]</th>

<td>

<div class="general">See comments</div>

</td>

</tr>

<tr>

<th>

<a href="https://msdn.microsoft.com/en-us/library/dd373608%28v=VS.85%29.aspx">MSAA</a> + <a href="https://accessibility.linuxfoundation.org/a11yspecs/ia2/docs/html/">IAccessible2</a>

</th>

<td>

<div class="general">See comments</div>

</td>

</tr>

<tr>

<th><a href="https://msdn.microsoft.com/en-us/library/ms726297%28v=VS.85%29.aspx">UIA</a></th>

<td>

<div class="general">See comments</div>

</td>

</tr>

<tr>

<th><a href="https://gnome.pages.gitlab.gnome.org/atk/">ATK</a></th>

<td>

<div class="general">See comments</div>

</td>

</tr>

<tr>

<th><a href="https://developer.apple.com/reference/appkit/nsaccessibility">AX</a></th>

<td>

<div class="general">See comments</div>

</td>

</tr>

<tr>

<th>Comments</th>

<td>

<p>The `commandfor` attribute identifies the associated element for the `button` element.</p>

<p>The specified `command` state will determine if a relationship mapping needs to be exposed between the `button` and its programmatically associated element.</p>

</td>

</tr>

</tbody>

</table>

TBD

If the associated element is hidden:

If the associated element is an accessibility ancestor of the element with the `command` attribute or is not present in the DOM:

<p>If the associated element is not a valid `popover` element: no `aria-expanded` mapping.</p>

<li>2-April-2025: Add `command` and `commandfor` attribute mappings. See <a href="https://github.com/w3c/aria/pull/2354/">GitHub ARIA PR 2354</a>.</li>