Phenomenon
When ARIA attributes (like role, aria-label, aria-describedby) are applied to contenteditable regions, screen readers may not properly announce them in Safari. The accessibility information is lost.
Reproduction example
- Create a contenteditable div with ARIA attributes:
<div contenteditable role="textbox" aria-label="Editor" aria-describedby="help-text"> Content here </div> - Enable VoiceOver.
- Navigate to the contenteditable.
- Observe what is announced.
Observed behavior
- In Safari on macOS, ARIA attributes may not be announced by screen readers.
- The role and label information is lost.
- Users relying on screen readers may not understand the purpose of the element.
Expected behavior
- ARIA attributes should be properly announced by screen readers.
- Role, label, and description should be communicated.
- The element should be accessible to assistive technologies.