1/19/2024 0 Comments Dom of association examplesWhen using aria-owns, make sure you manage focus order. Avoid using the aria-owns attribute to rearrange existing child elements into a different order. If the relationship is represented in the DOM, do not use aria-owns.Ī child element is owned by its DOM parent by default: in this case, aria-owns should not be used. The aria-owns-owned element should be an element that belongs to a separate parent tree in the DOM but should be treated as a child of the current element.ĭo not use aria-owns as a replacement for the DOM hierarchy. Note: An "owned" element is any DOM descendant of the element, any element specified as a child via aria-owns, or any DOM descendant of the owned child. The value of the aria-owns attribute is a space-separated ID reference list that references the IDs of one or more elements in the document. Referencing the ID of one or more elements allows any element to "own" any other element with an aria-owns declaration. Add the attribute to the owning element with reference to the non-child owned element (or elements) to tell assistive technology that an element should be treated as a child. If an element visually, functionally, or contextually appears to "own" (be an ancestor of) an element, but isn't actually an ancestor of the element in the DOM, include the aria-owns to create that relationship. The only reason to include aria-owns is to expose a parent/child contextual relationship to assistive technology when the DOM's construction can't provide that relationship.Īn "owning element" is any DOM ancestor of an element. When elements appear to be related visually but are not associated in the DOM, the aria-owns attribute enables creating the relationship that appears on screen in the accessibility layer for use by assistive technology. When this is the case, the aria-owns attribute can be used to recreate a meaningful relationship for assistive technology that consumes the DOM. There are circumstances where the layout that appears on screen may differ from the underlying DOM structure due to the ability of JavaScript to alter content and CSS to alter layout. The Accessibility Object Model ( AOM) relies on a well-built DOM to enable assistive technologies to relay meaningful information about a document's contents to users. The document object, made up of HTML elements and text nodes, is the basis of the DOM tree. Every element is the parent, sibling, or child of another element.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |