본문 바로가기

개발/HTML-CSS

aria-current 설정시 센스리더는 어떻게 읽어줄까

 

다음과 같은 코드를 센스리더에게 읽도록 해보았다.

<a href="HTTP://WWW.ABCDEt" aria-current="true">스포츠</a>
<a href="http://WWW.ABC">스포츠</a>
<a href="#abc" aria-current="true">스포츠</a>
<a href="#abc" aria-current="page">스포츠</a>
<a href="HTTP://WWW.ABCDEt" aria-current="page">스포츠</a>
<a href="#taa" aria-current="page">스포츠</a>

결과는 전체 URL 정보가아닌 "#" 문자("fragment" or "named anchor" 라고 함)가 있을 경우 "스포츠 현재 페이지 링크"라고 읽어주며 그 외의 경우 모두 "스포츠 링크"라고 읽어준다.

 

즉, 아래 태그들만 "스포츠 현재 페이지 링크" 라고 읽어주었다.

<a href="#abc" aria-current="true">스포츠</a>
<a href="#abc" aria-current="page">스포츠</a>
<a href="#taa" aria-current="page">스포츠</a>

 

테스트는 센스리더 7.4 데모버전을 사용했다.

'개발 > HTML-CSS' 카테고리의 다른 글

CSS 3D 축  (0) 2021.04.25
SVG를 이용한 정오각형 그리기  (0) 2021.02.20
stroke-dasharray, stroke-dashoffset 속성  (0) 2021.01.10
Happy New Year!  (0) 2021.01.01
HSL Color  (0) 2020.12.26