WAI-ARIA

ARIA란?

오늘 HTML마크업챌린지를 수강하면서 ARIA(Accessible Rich Internet Applications)에 대해 알게 되었다. ARIA는 장애를 가진 사용자가 스크린리더를 통해 웹콘텐츠에 더 쉽게 접근할 수 있도록 도와준다고 한다. 이전 수업에서는 alt attribute을 통해서 이미지의 로딩시간이 지연될 경우 단지 깨진 액박을 표시하는게 아니라 원래 이미지가 가지고 있던 컨텐츠가 어떤것인지를 대체텍스트로 전달한다고 배웠다.

ARIA사용 예제

<a href="#" aria-label="Go to previous page" class="disabled">
	Previous
</a>

예를 들어 pagintion을 만든다고 해보자. aria-label 을 쓰지 않았을 경우 단순히 "previous"로 읽혔겠지만, aria-label을 추가함으로서 이 링크는 이전페이지로 연결됨을 말해주기 떄문에 훨씬 더 정확하게 메세지가 전달 될 수 있다.