MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla
Your Search Results

    Using the aria-valuemin attribute

    Description

    This technique demonstrates how to use the aria-valuemin attribute. 

    The aria-valuemin attribute is used to define the minimum value allowed for a range widget such as a slider, spinbutton or progressbar. If the aria-valuenow has a known maximum and minimum, the author SHOULD provide properties for aria-valuemax and aria-valuemin.The value of aria-valuemin MUST be less than or equal to the value of aria-valuemax.

    aria-valuemin is a required attribute of role slider, scrollbar and spinbutton.

    Value

    String representation of a number

    Possible effects on user agents and assistive technology 

    If aria-valuemin is not less than or equal to the value of aria-valuemax, this creates an error condition that will be handled by the assistive technology.

    Note: Opinions may differ on how assistive technology should handle this technique. The information provided above is one of those opinions and therefore not normative.

    Examples

    Example 1: 

    The snippet below shows a simple slider with a minimum value of 1.

    <div role="slider" aria-valuenow="4" aria-valuemin="1" aria-valuemax="10">
    

    Working Examples:

    Notes 

    Used With ARIA Roles

    Compatibility

    TBD: Add support information for common UA and AT product combinations

    Additional resources

    Document Tags and Contributors

    Contributors to this page: Sheppy, anastasia
    Last updated by: Sheppy,