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

Move some properties from "required" to "supported" on slider role #946

Merged
merged 6 commits into from
Jun 4, 2019
Merged

Move some properties from "required" to "supported" on slider role #946

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
d067b5d
Move some properties from "required" to "supported" on slider role
Apr 11, 2019
5b5d8dc
Reword slider role prose to reflect that aria-valuemin, valuemax are …
Apr 25, 2019
72d4ff0
Remove aria-valuenow repair techniques from inline in the slider role
melanierichards May 23, 2019
0d9de74
Make fallback table more robust for aria-valuenow on slider role
melanierichards May 23, 2019
c40c3f8
Add pointer to the fallback table from slider role
melanierichards May 23, 2019
484e344
Remove supported but not required attrs on slider from the author err…
May 30, 2019
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
27 changes: 7 additions & 20 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6920,16 +6920,14 @@ <h5>Presentational Roles Conflict Resolution</h5>
<div class="role" id="slider">
<rdef>slider</rdef>
<div class="role-description">
<p>A user input where the user selects a value from within a given range.</p>
<p>An input where the user selects a value from within a given range.</p>
<p>A slider represents the current value and range of possible values via the size of the slider and position of the thumb. It is typically possible to add or subtract to the value by using directional keys such as arrow keys.</p>
<p>Authors MUST set the <pref>aria-valuemin</pref>, <pref>aria-valuemax</pref>, and <pref>aria-valuenow</pref> attributes. If missing, their implicit values follow the same rules as the <a href="https://www.w3.org/TR/html5/forms.html#range-state-%28type=range%29" title="Range state">HTML range input type</a>:</p>
<p>Authors MAY set the <pref>aria-valuemin</pref> and <pref>aria-valuemax</pref> attributes. Otherwise, their implicit values follow the same rules as the <a href="https://www.w3.org/TR/html5/forms.html#range-state-%28type=range%29" title="Range state">HTML range input type</a>:</p>
<ul>
<li>If <code>aria-valuemin</code> is missing or not a <a href="#valuetype_number">number</a>, it defaults to 0 (zero). </li>
<li>If <code>aria-valuemax</code> is missing or not a <a href="#valuetype_number">number</a>, it defaults to 100. </li>
<li>If <code>aria-valuenow</code> is missing or not a <a href="#valuetype_number">number</a>, it defaults to the value half way between <code>aria-valuemin</code> and <code>aria-valuemax</code>. </li>
<li>If <code>aria-valuenow</code> is present but less than <code>aria-valuemin</code>, it defaults to the value of <code>aria-valuemin</code>. </li>
<li>If <code>aria-valuenow</code> is present but greater than <code>aria-valuemax</code>, it defaults to the value of <code>aria-valuemax</code>. </li>
</ul>
melanierichards marked this conversation as resolved.
Show resolved Hide resolved
<p>Authors MUST set the <pref>aria-valuenow</pref> attribute. If aria-valuenow is missing or has an unexpected value, browsers MAY implement the repair techniques specified in the <a href="authorErrorDefaultValuesTable" class="specref">section describing handling author errors in states and properties</a>, which are equivalent to the repair techniques for the <a href="https://www.w3.org/TR/html5/forms.html#range-state-%28type=range%29" title="Range state">HTML range input type</a>.</p>
<p>Elements with the role <code>slider</code> have an implicit <pref>aria-orientation</pref> value of <code>horizontal</code>.</p>
</div>
<table class="role-features">
Expand Down Expand Up @@ -6976,8 +6974,6 @@ <h5>Presentational Roles Conflict Resolution</h5>
<th class="role-required-properties-head">Required States and Properties:</th>
<td class="role-required-properties">
<ul>
<li><pref>aria-valuemax</pref></li>
<li><pref>aria-valuemin</pref></li>
<li><pref>aria-valuenow</pref></li>
</ul>
</td>
Expand All @@ -6988,6 +6984,8 @@ <h5>Presentational Roles Conflict Resolution</h5>
<ul>
<li><pref>aria-orientation</pref></li>
<li><pref>aria-readonly</pref></li>
<li><pref>aria-valuemax</pref></li>
<li><pref>aria-valuemin</pref></li>
</ul>
</td>
</tr>
Expand Down Expand Up @@ -7020,8 +7018,7 @@ <h5>Presentational Roles Conflict Resolution</h5>
<td class="implicit-values">
Default for <pref>aria-orientation</pref> is <code class="default">horizontal</code>. <br/>
Default for <pref>aria-valuemin</pref> is <code class="default">0</code>. <br/>
Default for <pref>aria-valuemax</pref> is <code class="default">100</code>. <br/>
Default for <pref>aria-valuenow</pref> is half way between <code class="default">aria-valuemax</code> and <code class="default">aria-valuemin</code>.
Default for <pref>aria-valuemax</pref> is <code class="default">100</code>.
</td>
</tr>
</tbody>
Expand Down Expand Up @@ -12109,20 +12106,10 @@ <h3>States and Properties</h3>
<td><pref>aria-valuenow</pref></td>
<td><code>(aria-valuemax - aria-valuemin) / 2</code></td>
</tr>
<tr>
<td><rref>slider</rref></td>
<td><pref>aria-valuemax</pref></td>
<td><code>100</code></td>
</tr>
<tr>
<td><rref>slider</rref></td>
<td><pref>aria-valuemin</pref></td>
<td><code>0</code></td>
</tr>
<tr>
<td><rref>slider</rref></td>
<td><pref>aria-valuenow</pref></td>
<td><code>(aria-valuemax - aria-valuemin) / 2</code></td>
<td>If missing or not a <a href="#valuetype_number">number</a>,<code>(aria-valuemax - aria-valuemin) / 2</code>. If present but less than <code>aria-valuemin</code>, the value of <code>aria-valuemin</code>. If present but greater than <code>aria-valuemax</code>, the value of <code>aria-valuemax</code>. </td>
</tr>
<tr>
<td><rref>spinbutton</rref></td>
Expand Down