Web Accessibility

Description Identifies the element (or elements) whose contents or presence are controlled by the current element. See related aria-owns. For example: Screen Reader Support For aria-controls Expectation JAWS Narrator NVDA Orca TalkBack VoiceOver (iOS) VoiceOver (macOS) Chrome Edge Firefox Edge Chrome Edge Firefox Firefox Chrome Safari Safari SHOULD convey the presence of the aria-controls attribute…

Description Identifies the element (or elements) that describes the object. See related aria-labelledby. The aria-labelledby attribute is similar to the aria-describedby in that both reference other elements to calculate a text alternative, but a label should be concise, where a description is intended to provide more verbose information. The element or elements referenced by the…

Description [Deprecated in ARIA 1.1] In ARIA 1.1 the drag and drop attributes aria-grabbed and aria-dropeffect were slated to be deprecated. The idea was to use native accessibility API features for drag and drop instead. However, in practice, since the accessibility API features for accessible drag and drop still don’t exist and likely won’t for…

Description New in ARIA 1.1 Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. The value of the aria-keyshortcuts attribute is a space-delimited list of keyboard shortcuts that can be pressed to activate a command or textbox widget. The keys defined in the shortcuts represent the physical keys…

Description Defines a string value that labels the current element. See related aria-labelledby. The purpose of aria-label is the same as that of aria-labelledby. It provides the user with a recognizable name of the object. The most common accessibility API mapping for a label is the accessible name property. If the label text is visible…