케이스 ce-0054-contenteditable-with-aria-ko · 시나리오 scenario-accessibility-foundations

contenteditable의 ARIA 속성이 제대로 알려지지 않음

OS: macOS Ubuntu 22.04 기기: Desktop or Laptop Any 브라우저: Safari 120.0 키보드: US 초안
accessibilityariascreen-readersafari

현상

contenteditable 영역에 ARIA 속성(예: role, aria-label, aria-describedby)을 적용할 때 Safari에서 스크린 리더가 이를 제대로 알리지 않을 수 있습니다. 접근성 정보가 손실됩니다.

재현 예시

  1. ARIA 속성이 있는 contenteditable div를 만듭니다:
    <div contenteditable role="textbox" aria-label="Editor" aria-describedby="help-text">
      Content here
    </div>
  2. VoiceOver를 활성화합니다.
  3. contenteditable로 이동합니다.
  4. 알려지는 내용을 관찰합니다.

관찰된 동작

  • macOS의 Safari에서 스크린 리더가 ARIA 속성을 알리지 않을 수 있습니다.
  • 역할과 레이블 정보가 손실됩니다.
  • 스크린 리더에 의존하는 사용자가 요소의 목적을 이해하지 못할 수 있습니다.

예상 동작

  • 스크린 리더가 ARIA 속성을 제대로 알려야 합니다.
  • 역할, 레이블 및 설명이 전달되어야 합니다.
  • 요소가 보조 기술에 접근 가능해야 합니다.

이 시나리오의 변형

케이스 OS 브라우저 상태
ce-0015-screen-reader-announcements-ko macOS Ubuntu 22.04 Safari 120.0 초안
ce-0041-spellcheck-interferes-ko macOS Ubuntu 22.04 Safari 120.0 초안
ce-0054-contenteditable-with-aria-ko macOS Ubuntu 22.04 Safari 120.0 초안
ce-0573-macos-sequoia-chrome-ax-group-bug-ko macOS 15.0 Chrome 129.0 확인됨
ce-0574-aria-readonly-conflict-bug-ko Windows 11 Chrome 124.0 확인됨

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
Sample HTML:
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.