라이브 영역에 접근성 구현

Applies to Windows and Windows Phone

화면 낭독 프로그램이 UI가 변경될 때마다 알릴 수 있게 하려면 동적으로 변경되는 중요한 콘텐츠에 대해 aria-live 특성을 설정합니다. 이는 머리 속의 UI 모델을 UI 변경 사항과 동기화된 상태로 유지해야 하는 시각 장애인 사용자에게 매우 유용합니다.

aria-live 특성을 설정하는 것이 중요한 한 가지 예는 마스터 컨트롤의 항목을 선택하면 해당 콘텐츠가 세부 영역에 동적으로 로드되는 일반적인 Master-Detail 시나리오입니다.


<div class="..." data-win-control="Win.UI.ListView" aria-label="Master" 
    data-win-options="{...}" ></div>
</div>
<div class="..." role="region" aria-label="Detail"
    aria-live="assertive" aria-atomic="true" >
</div>

또 다른 좋은 예는 RSS(Really Simple Syndication) 피드나 메시지 통신을 표시하는 경우입니다. 이 경우 콘텐츠 컨테이너 요소 또한 role="log" 특성을 포함합니다.


<div id="chat" role="log" aria-live="polite" aria-atomic="false" ></div>

자세한 내용은 Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA) 1.0 사양에서 Live Region Attributes를 참조하세요.

참고  C++, C# 또는 Visual Basic으로 작성한 Windows 런타임 앱에는 HTML aria-live 특성과 비슷한 라이브 영역 동작을 보고하기 위한 기능도 있습니다. AutomationProperties.LiveSetting을 참조하세요.

관련 항목

기본 접근성 요구 사항 충족

 

 

표시:
© 2014 Microsoft