Compare Revisions

Using the progressbar role

Change Revisions

Revision 24917:

Revision 24917 by hhillen on

Revision 24918:

Revision 24918 by anastasia on

Title:
Using the progressbar role
Using the progressbar role
Slug:
Accessibility/ARIA/ARIA_Techniques/Using_the_progressbar_role
Accessibility/ARIA/ARIA_Techniques/Using_the_progressbar_role
Tags:
Accessibility, NeedsContent, NeedsExample, ARIA
Accessibility, NeedsContent, NeedsExample, ARIA
Content:

Revision 24917
Revision 24918
n7    <h3>n7    <h3 id="Description">
n25    <pre class="note">n25    <div class="note">
26<strong>Note: </strong>Assistive technologies generally will rend26      <strong>Note:</strong> Assistive technologies generally wil
>er the value of <a class="property-reference" href="http://www.w3>l render the value of <a class="property-reference external" href
>.org/TR/wai-aria/states_and_properties#aria-valuenow"><code>aria->="http://www.w3.org/TR/wai-aria/states_and_properties#aria-valuen
>valuenow</code></a> as a percent of the range between the value o>ow"><code>aria-valuenow</code></a> as a percent of the range betw
>f <a class="property-reference" href="http://www.w3.org/TR/wai-ar>een the value of <a class="property-reference external" href="htt
>ia/states_and_properties#aria-valuemin"><code>aria-valuemin</code>p://www.w3.org/TR/wai-aria/states_and_properties#aria-valuemin"><
>></a> and <a class="property-reference" href="http://www.w3.org/T>code>aria-valuemin</code></a> and <a class="property-reference ex
>R/wai-aria/states_and_properties#aria-valuemax"><code>aria-valuem>ternal" href="http://www.w3.org/TR/wai-aria/states_and_properties
>ax</code></a>, unless <a class="property-reference" href="http://>#aria-valuemax"><code>aria-valuemax</code></a>, unless <a class="
>www.w3.org/TR/wai-aria/states_and_properties#aria-valuetext"><cod>property-reference external" href="http://www.w3.org/TR/wai-aria/
>e>aria-valuetext</code></a> is specified. It is best to set the v>states_and_properties#aria-valuetext"><code>aria-valuetext</code>
>alues for aria-valuemin, aria-valuemax, and aria-valuenow in a ma></a> is specified. It is best to set the values for aria-valuemin
>nner that is appropriate for this calculation.>, aria-valuemax, and aria-valuenow in a manner that is appropriat
 >e for this calculation.
27</pre>27    </div>
28    <pre class="note">28    <div class="note">
29<strong>Note:</strong> Elements with the role <code>progressbar</29      <strong>Note:</strong> Elements with the role <code>progres
>code> have an implicit <code>aria-readonly</code> value of <code>>sbar</code> have an implicit <code>aria-readonly</code> value of 
>true</code>.><code>true</code>.
30</pre>30    </div>
31    <h3>31    <h3 id="Possible_effects_on_user_agents_and_assistive_technol
 >ogy&nbsp;">
n40    <h3>n40    <h3 id="Examples">
n43    <h4>n43    <h4 id="Example_1:_Basic_progressbar_with_percentage_values">
n52    <h4>n52    <h4 id="Example_2:_Using_aria-valuetext&nbsp;">
n63    <h4>n63    <h4 id="Working_Examples:">
n66    <h3>n66    <h3 id="Notes&nbsp;">
n69    <h3>n69    <h3 id="ARIA_attributes_used">
n89    <h3>n89    <h3 id="Related_ARIA_techniques&nbsp;">
n92    <h3>n92    <h3 id="Compatibility">
t98    <h3>t98    <h3 id="Additional_resources">

Back to History