WAI-ARIA: aria-orientation (Property)

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated : Properties

Description

Indicates whether the element’s orientation is horizontal, vertical, or unknown/ambiguous.

Note: In ARIA 1.1, the default value for aria-orientation changed from horizontal to undefined. Implicit defaults are defined on some roles (e.g., slider defaults to horizontal; scrollbar defaults to vertical) but remain undefined on roles where an expected default orientation is ambiguous (e.g., radiogroup).

Browser Compatibility For aria-orientation

desktopmobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebView AndroidChrome AndroidFirefox for AndroidOpera AndroidSafari on iOSSamsung Internet
ariaOrientation

aria-orientation Example

Example coming soon

Characteristics

Used in Roles

Inherits into Roles

Value

  • token
    One of a limited set of allowed values. An explicit value of undefined for this type is the equivalent of providing no value.
  • horizontal
  • The element is oriented horizontally.
  • undefined (default)
    • The element’s orientation is unknown/ambiguous.
  • vertical
    • The element is oriented vertically.

Semantic HTML

No HTML element equivalent.

Reference

Share A11Y Love

Avatar for Raghavendra Satish Peri

Raghavendra Satish Peri is a digital Transformation specialist working with small & large enterprises in the areas of digital accessibility & digital marketing. He authors an Accessibility Blog at DigitalA11Y.com & is galvanizing the adoption of accessibility by inspiring the local tech community with meetups and mentorship. He propelled this thought by founding HelloA11y.com, a community of accessibility professionals, developers, and enthusiasts. When away from his computer, Raghava can be found at local cafes & restaurants sampling cuisines, attending local meetups, listening to audio books, or writing on his Personal Blog at raghava.in.

Similar Posts

WAI-ARIA: aria-modal (Property)

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

Description New in ARIA 1.1 Indicates whether an element is modal when displayed. The aria-modal attribute is used to indicate that the presence of a “modal” element precludes usage of other content on the page. For example, when a modal dialog is displayed, it is expected that the user’s interaction is limited to the contents…

WAI-ARIA: aria-relevant (Property)

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

Description Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. See related aria-atomic. The attribute is represented as a space delimited list of the following values: additions, removals, text; or a single catch-all value all. This is used to describe semantically meaningful changes, as opposed to…

WAI-ARIA: aria-valuenow (Property)

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

Description Defines the current value for a range widget. See related aria-valuetext. This property is used, for example, on a range widget such as a slider or progress bar. If the current value is not known (for example, an indeterminate progress bar), the author SHOULD NOT set the aria-valuenow attribute. If the aria-valuenow attribute is…

Leave a Reply

Your email address will not be published. Required fields are marked *