키보드 접근성을 해침
caption 이나 블라인드 텍스트에는 아래 태그 쓰면 키보드 접근성을 해침
- display:none
- visibilty:hidden
공지사항 [더보기] 항목은
글을 다 보고 난 다음 클릭해야함
- tabindex 속성
http://naradesign.net/wp/2012/05/10/1786/
a, area, button, input, object, select, textarea 요소가 tabindex 속성을 지원하는 요소
tabindex="0"
키보드 초점을 받을 수 없는 div, span과 같은 요소도 초점을 받을 수 있도록 만들어 줍니다. 초점을 받되 초점을 받는 순서는 자연스러운 마크업 순서를 따릅니다.
동영상 자막을 키보드 초점 맞출시 사용
- 아웃라인 초점 점선 생기게 함
button:focus, button:active{outline:#000 dotted thin;}
- onclick 사용불가
a태그가 아닌 다른 태그에 onclick 이벤트로 링크를 걸어줄경우에 키보드가 접근 할 수 없어서 접근성에 위배된다. 이럴땐 a태그나 button태그로 감싼뒤 이벤트를 지정해줘야 한다.
- 포커스가 제자리에
a 태그에 return false 사용시 포커스가 위로 올라가지 않음