current node has an aria-labelledby [=attribute=] that contains at least one valid IDREF, and the current node is not already part of an aria-labelledby traversal, process its IDREFs in the order they occur: current node has an aria-describedby [=attribute=] that contains at least one valid IDREF, and the current node is not already part of an aria-describedby traversal, process its IDREFs in the order they occur:
+ current node has an ariaLabelledByElements array property that contains at least one valid element, and the current node is not already part of an aria-labelledby traversal, process its ariaLabelledByElements in the order they occur: current node has an ariaDescribedByElements array property that contains at least one valid element, and the current node is not already part of an aria-describedby traversal, process its ariaDescribedByElements elements in the order they occur:
accumulated text to the empty string.current node to the node referenced by the IDREF.current node to the element.current node beginning with step 2. Set the result to that text alternative.result, with a space, to the accumulated text.The aria-labelledby attribute corresponds to the ariaLabelledByElements array property, and the aria-describedby attribute corresponds to the ariaDescribedByElements array property. The attribute values are not guaranteed to reflect the true state of the accessibility tree (e.g. in cases where the referenced elements do not have an [=Element/id|ID=] or are contained in a different [=shadow root=]). In cases of conflict, the array property should be considered the source of truth.
The result of step 2B.ii.b in combination with step 2A means that user agents MUST include all nodes in the subtree as part of the accessible name or accessible description, when the node referenced by aria-labelledby or aria-describedby is hidden.
current node is a control embedded within the label (e.g. any element directly referenced by aria-labelledby) for another widget, where the user can adjust the embedded control's value, then return the embedded control as part of the text alternative in the following manner:
+ current node is a control embedded within the label (e.g. any element directly referenced by ariaLabelledByElements) for another widget, where the user can adjust the embedded control's value, then return the embedded control as part of the text alternative in the following manner:
For example, in HTML, the img element's alt attribute defines a text alternative string, and the label element provides text for the referenced form element. In SVG2, the desc and title elements provide a description of their parent element.
current node's role allows name from content, or if the current node is referenced by aria-labelledby, aria-describedby, or is a native host language text alternative [=element=] (e.g. label in HTML), or is a descendant of a native host language text alternative [=element=]:
+ current node's role allows name from content, or if the current node is referenced by ariaLabelledByElements or ariaDescribedByElements, or is a native host language text alternative [=element=] (e.g. label in HTML), or is a descendant of a native host language text alternative [=element=]:
accumulated text to the empty string.current node and include it in the accumulated text. The CSS :before and :after pseudo elements [[!CSS2]] can provide textual content for [=element|elements=] that have a content model.