접근성: JAWS는 *ngIf의 정중하거나 자신감 있는 아리아 라이브 발음을 내보내지 않습니다.

Question

저는 Angular를 사용하고 있는데, 매번 아래 코드의 isVisible가 true가 되면 아래 html 코드가 페이지에 렌더링됩니다.

으아악

렌더링할 때마다 범위의 텍스트를 발음하려면 JAWS가 필요합니다(동작에 따라 여러 번 제거하고 추가할 수 있음). 阅读这个新文本. 이를 위해 나는 aria-live="polite" (발음되지 않음), 심지어 aria-live="assertive", 심지어 이 Aria - on chrome 이슈를 기반으로 한 aria-live="assertive" 및 aria-atomic="true"도 사용해 보았습니다. 요소가 삭제되면 라이브 영역에서 업데이트를 읽지 않습니다.

어떻게 작동하게 할까요? 사용: JAWS, Google Chrome.

Answer 1

활성 영역을 추가하거나 삭제하는 것은 잘 작동하지 않습니다. 해당 영역의 콘텐츠만 조작해야 합니다.

으아아아

assertive 是否是正确的选择应该非常仔细地考虑。这对用户来说是相当具有破坏性的。大多数时候 polite 더 나은 선택입니다.

– aria-live

의 ARIA

또 다른 일반적인 팁은 게시된 정보는 사용자가 정보를 놓치거나 이해하지 못하는 경우를 대비해 사용자의 조건에 따라 쉽게 접근할 수 있어야 한다는 것입니다. 필드의 오류 메시지는 경고를 통해 발표되어야 하지만 사용자가 필드에 초점을 맞출 때마다 읽을 수 있도록 입력 필드에도 바인딩되어야 합니다.