Ajax 접근성과 ARIA

2008.05.07 00:30 from [IT] Web Tech

John Resig씨가 ARIA Live Regions 명세[각주:1]를 전체적으로 살펴보는 글을 예제와 함께 작성했습니다. 이 예제는 누군가 추가되거나 삭제되었을 때 스크린 리더가 이해하는 방식대로 인명목록의 변화를 추적하는 법에 대한 것입니다. 할 일(TODO) 목록 응용프로그램을 떠올려보세요.

[code:xml]
<ol aria-live="polite" aria-relevant="additions removals"
    aria-describedby="users-desc" id="users">
  <li>John</li>
  <li>Mary</li>
  <li>Ted</li>
  <li>Jane</li>
</ol>
  • aria-live="polite" 실시간 영역이 얼마나 겸손한지의 정도(사용자가 현재 주의하고 있는/상호작용하고 있는 것에 간섭하려는 경향에 있어서). 기본값은 'polite'입니다 -  사용자에게 업데이트를 설명하기 전에 모든 형태의 사용자 인터랙션이 완료될 때까지 대기합니다.
  • aria-relevant="additions removals" 새로운 노드가 추가되거나 삭제될 때만 사용자에게 알려줍니다.
    우리는 사용자에게 사용자 실시간 리스트를 제공하길 원하므로, 온라인 오프라인 양측으로의 변환을 기대합니다. 이렇게 되면 우리는 이것을 가능하게 하는 적정 수준의 업데이트를 받을 수 있습니다.
  • aria-describedby="users-desc" 실시간 영역의 컨텐트에 대해 상세히 설명하는 속성. 사용자가 필드의 컨텐트가 표현하는 것에 대해 더 자세히 알고 싶어하면 이 엘리먼트를 읽을 수 있습니다.
Firefox는 현재 이를 지원하고(2.0부터) Google Reader에서 사용된 이러한 기능을 구현하기 쉽게 도와주는 툴킷인 AxsJax에 대해 다룬적도 있습니다.

from Ajax Accessiibility and ARIA on Ajaxian
  1. RIA가 접근성에서 부족할 수 밖에 없었던 부분을 보완하기 위해 변경되는 부분을 명시하도록 한 규약입니다 [본문으로]
Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요