aria-live
<div aria-live="assertive">
<span>status: Uploading</span>
</div>
HTML
복사
•
화면 낭독기 이용자들에게 새로 업데이트 된, 최신 내용들을 제공하는 방법
•
페이지 맨 위에 유저 행동의 실패 여부 메시지가 출력되는 경우
•
해당 attribute는 남용하지 않는게 좋음
aria-label
<button aria-lavel="Submit information and move to next page">Submit</button>
HTML
복사
•
사용자들에게 해당 요소에대한 추가적인 설명을 하기 위해 추가하는 attribute
aria-hidden
<p aria-hidden="true">Not visible from screen readers</p>
HTML
복사
•
화면 낭독기 이용자들에게 필요없는 정보들을 숨기는 역할
•
아래와 같은 이미지는 화면낭독이 이용자들에게 필요없는 이미지 → 오히려 페이지 이용에 불편을 줄 수 있음
•
이미지는 aria-hidden 보다는 alt=””를 사용
aria-labelledby
<section aria-labelledby="goldfish-header">
<h2 id="goldfish-header">Everything you need to know about goldfish</h2>
<p>More content here</p>
</section>
HTML
복사
•
더 나은 문맥을 제공하여 화면 낭독기 이용자들에게 실제 제목과 내용을 매칭해준다.