다음과 같은 코드를 센스리더에게 읽도록 해보았다.
<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 |