스크린리더 음성 정리

1. aria-pressed
토글 버튼 상태를 나타낸다.

<button type="button" aria-pressed="true">홍길동</button>
사용, 홍길동, 전환버튼 전환하려면 두번 탭하세요.

<button type="button" aria-pressed="false">김철수</button>
사용 안함, 김철수, 전환버튼 전환하려면 두번 탭하세요.

2. aria-expanded
탭이 펼쳐짐 상태를 나타낸다.

<button type="button" aria-expanded="true" aria-controls="panel">홍길동</button>
<div id="panel">
    길동 서브
</div>
펼쳐짐, 홍길동, 버튼 활성화하려면 두번 탭하세요.

<button type="button" aria-expanded="false" aria-controls="panel2">김철수</button>
<div id="panel2">
    철수 서브
</div>
접힘, 김철수, 버튼 활성화하려면 두번 탭하세요.

3. title
타이틀 음성 정리.

<button type="button">하나</button>
하나, 버튼 활성화하려면 두번 탭하세요.

<button type="button" title="버튼 태그">둘</button>
둘, 버튼, 버튼 태그 활성화하려면 두번 탭하세요.

<a href="#">셋</a>
셋, 링크 활성화하려면 두번 탭하세요.

<a href="#" title="앵커 태그">넷</a>
넷, 링크, 앵커 태그 활성화하려면 두번 탭하세요.

<span>다섯</span>
다섯

<span title="스팬태그">여섯</span>
스팬태그