์ผ€์ด์Šค ce-0054 ยท ์‹œ๋‚˜๋ฆฌ์˜ค scenario-accessibility-aria

ARIA attributes on contenteditable are not properly announced

OS: macOS Ubuntu 22.04 ๊ธฐ๊ธฐ: Desktop or Laptop Any ๋ธŒ๋ผ์šฐ์ €: Safari 120.0 ํ‚ค๋ณด๋“œ: US ์ดˆ์•ˆ
accessibilityariascreen-readersafari

์ด ํŽ˜์ด์ง€๋Š” ์•„์ง ๋ฒˆ์—ญ๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค

ํ˜„์žฌ ์˜์–ด ์›๋ฌธ์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฒˆ์—ญ์— ๊ธฐ์—ฌํ•ด ์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

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

  1. Create a contenteditable div with ARIA attributes:
    <div contenteditable role="textbox" aria-label="Editor" aria-describedby="help-text">
      Content here
    </div>
  2. Enable VoiceOver.
  3. Navigate to the contenteditable.
  4. 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.

Playground for this case

Use the reported environment as a reference and record what happens in your environment while interacting with the editable area.

Reported environment
OS: macOS Ubuntu 22.04
Device: Desktop or Laptop Any
Browser: Safari 120.0
Keyboard: US
Your environment

Use this editable area to reproduce the described case.

Event log
Use this log together with the case description when filing or updating an issue.
0 events
Interact with the editable area to see events here.