Which attribute helps to describe elements for screen readers when using SVGs?

The attribute that helps to describe elements for screen readers when using SVGs is aria-describedby. This attribute serves to provide additional information about an element by linking it to an external description. This information is crucial for assistive technologies like screen readers, as it enhances the understanding of SVG elements that may not have text-based content.

When using SVGs, while the title attribute can provide a simple tooltip with a brief description, aria-describedby allows for a more comprehensive explanation. This attribute can reference the ID of another element that contains detailed information, making it particularly helpful for conveying complex graphics or interactions in SVG.

On the other hand, while the role attribute can help define the purpose of an element, it does not provide additional descriptive text. The data-description attribute is non-standard and not recognized by assistive technologies, which limits its effectiveness. Thus, the use of aria-describedby is the most effective approach for enhancing accessibility in SVG graphics.