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

ARIA IDL updates (adding keywords/states and missing/invalid values defaults) #2413

Draft
wants to merge 4 commits into
base: main
Choose a base branch
from
Draft

ARIA IDL updates (adding keywords/states and missing/invalid values defaults) #2413

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
aad9b21
Update common.css for state CSS rule (keyword), update aria-atomic ID…
Jan 24, 2025
85b6f35
Minor typo fix for aria-atomic IDL
Jan 24, 2025
0a41741
Update aria-autocomplete IDL
Jan 24, 2025
0d7c040
Update aria-busy IDL
Jan 24, 2025
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
4 changes: 2 additions & 2 deletions common/css/common.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -99,10 +99,10 @@ caption{
margin:1em 0 0.1em;
padding:0 0 0 0.3em;
}
table.role-features th, table.role-features td, table.state-features th, table.state-features td, table.property-features th, table.property-features td, table.value-descriptions th, table.value-descriptions td {
table.role-features th, table.role-features td, table.state-features th, table.state-features td, table.property-features th, table.property-features td, table.value-descriptions th, table.value-descriptions td, table.state-descriptions th, table.state-descriptions td {
min-width:20em;
}
table.role-features tbody th, table.state-features tbody th, table.property-features tbody th, table.value-descriptions tbody th {
table.role-features tbody th, table.state-features tbody th, table.property-features tbody th, table.value-descriptions tbody th, table.state-descriptions tbody th {
text-align: left !important;
}
th+th, td+td{
Expand Down
32 changes: 24 additions & 8 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10183,6 +10183,8 @@ <h3>Value</h3>
<dd>Value representing <code>true</code>, <code>false</code>, <code>mixed</code>, or <code>undefined</code> values. The default value for this value type is <code>undefined</code> unless otherwise specified.</dd>
<dt id="valuetype_true-false-undefined">true/false/undefined</dt>
<dd>Value representing <code>true</code>, <code>false</code>, or <code>undefined</code> (not applicable). The default value for this value type is <code>undefined</code> unless otherwise specified. For example, an element with <sref>aria-expanded</sref> set to <code>false</code> is not currently expanded; an element with <sref>aria-expanded</sref> set to <code>undefined</code> is not expandable.</dd>
<dt id="valuetype_enumerated">enumerated</dt>
<dd>Values are limited to a predefined, finite set of states including two special states: <a data-cite="html/common-microsyntaxes.html#missing-value-default">missing value default</a> and <a data-cite="html/common-microsyntaxes.html#invalid-value-default">invalid value default</a>.
<dt id="valuetype_idref">ID reference</dt>
<dd>Reference to the ID of another <a>element</a> in the same document</dd>
<dt id="valuetype_idref_list">ID reference list</dt>
Expand Down Expand Up @@ -10492,29 +10494,33 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
</tr>
<tr>
<th class="property-value-head" scope="row">Value:</th>
<td class="property-value"><a href="#valuetype_true-false">true/false</a></td>
<td class="property-value"><a href="#valuetype_enumerated">Enumerated</a></td>
</tr>
</tbody>
</table>
<table class="value-descriptions">
<caption>Values:</caption>
<thead>
<tr>
<th scope="col">Value</th>
<th scope="col">Value (keyword)</th>
<th scope="col">State</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<th class="value-name" scope="row">false</th>
<th class="state-description" scope="row">False</th>
<td class="value-description">Assistive technologies will present only the changed node or nodes.</td>
</tr>
<tr>
<th class="value-name" scope="row">true</th>
<th class="state-description" scope="row">True</th>
<td class="value-description">Assistive technologies will present the entire changed region as a whole, including the author-defined label if one exists.</td>
</tr>
</tbody>
</table>
<p>The attribute's <a data-cite="html/common-microsyntaxes.html#missing-value-default">missing value default</a> and <a data-cite="html/common-microsyntaxes.html#invalid-value-default">invalid value default</a> are both the Missing state.</p>
</div>
<div class="property" id="aria-autocomplete">
<pdef>aria-autocomplete</pdef>
Expand Down Expand Up @@ -10559,37 +10565,43 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
</tr>
<tr>
<th class="property-value-head" scope="row">Value:</th>
<td class="property-value"><a href="#valuetype_token">token</a></td>
<td class="property-value"><a href="#valuetype_enumerated">Enumerated</a></td>
</tr>
</tbody>
</table>
<table class="value-descriptions">
<caption>Values:</caption>
<thead>
<tr>
<th scope="col">Value</th>
<th scope="col">Value (keyword)</th>
<th scope="col">State</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<th class="value-name" scope="row">inline</th>
<th class="state-description" scope="row">Inline</th>
<td class="value-description">When a user is providing input, text suggesting one way to complete the provided input might be dynamically inserted after the caret.</td>
</tr>
<tr>
<th class="value-name" scope="row">list</th>
<th class="state-description" scope="row">List</th>
<td class="value-description">When a user is providing input, an element containing a collection of values that could complete the provided input might be displayed.</td>
</tr>
<tr>
<th class="value-name" scope="row">both</th>
<th class="state-description" scope="row">Both</th>
<td class="value-description">When a user is providing input, an element containing a collection of values that could complete the provided input might be displayed. If displayed, one value in the collection is automatically selected, and the text needed to complete the automatically selected value appears after the caret in the input.</td>
</tr>
<tr>
<th class="value-name" scope="row"><strong class="default">none (default)</strong></th>
<th class="value-name" scope="row"><strong class="default">none</strong></th>
<th class="state-description" scope="row">None</th>
<td class="value-description">When a user is providing input, an automatic suggestion that attempts to predict how the user intends to complete the input is not displayed.</td>
</tr>
</tbody>
</table>
<p>The attribute's <a data-cite="html/common-microsyntaxes.html#missing-value-default">missing value default</a> and <a data-cite="html/common-microsyntaxes.html#invalid-value-default">invalid value default</a> are both the None state.</p>
</div>
<div class="property" id="aria-braillelabel">
<pdef>aria-braillelabel</pdef>
Expand Down Expand Up @@ -10739,29 +10751,33 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
</tr>
<tr>
<th class="state-value-head" scope="row">Value:</th>
<td class="state-value"><a href="#valuetype_true-false">true/false</a></td>
<td class="property-value"><a href="#valuetype_enumerated">Enumerated</a></td>
</tr>
</tbody>
</table>
<table class="value-descriptions">
<caption>Values:</caption>
<thead>
<tr>
<th scope="col">Value</th>
<th scope="col">Value (keyword)</th>
<th scope="col">State</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<th class="value-name" scope="row"><strong class="default">false (default)</strong>:</th>
<th class="value-name" scope="row"><strong class="default">false</strong>:</th>
<th class="state-description" scope="row">False</th>
<td class="value-description">There are no expected updates for the element.</td>
</tr>
<tr>
<th class="value-name" scope="row">true</th>
<th class="state-description" scope="row">True</th>
<td class="value-description">The element is being updated.</td>
</tr>
</tbody>
</table>
<p>The attribute's <a data-cite="html/common-microsyntaxes.html#missing-value-default">missing value default</a> and <a data-cite="html/common-microsyntaxes.html#invalid-value-default">invalid value default</a> are both the False state.</p>
</div>
<div class="state" id="aria-checked">
<sdef>aria-checked</sdef>
Expand Down
Loading