오늘은 good example to make whole div clickable in a cool way입니다.이 효과를 스크린 리더에서 JS없이 액세스 할 수있게 만드는 방법
이 효과를 화면 판독기 및 키보드 사용자와 호환되도록 설정할 수 있으며 JS가 사용 중지 된 경우 (CSS 호버 사용) 적어도 액세스 할 수있는 방법이 있습니까?
최소한 JS가 사용 중지 된 경우 링크가 어딘가에 표시되어야합니다.
자바 스크립트가 사용 중지 된 상태에서 일부 HTML을 표시하려면 <noscript> 태그가 필요합니다. 더 많은 정보를 들어
: 예 호버에 앵커 링크를 삽입 할 JS를 사용하고 키보드 나 JS가 꺼져 누군가에 완전히 접근 할 수없는 것을 HTML <noscript> Tag
. 접근성을 높이려면 앵커 링크를 마크 업에 넣은 다음 자바 스크립트를 사용하여 화면을 벗어나게하는 클래스를 추가하십시오 (부정 text-indent 또는 display: block; position: absolute; margin-left: -9000px; (display: none;을 사용하지 마십시오). 그러면 모든 사용자가 링크를 통해 탐색 할 수 있습니다. 그리고 스크린 리더 사용자는 화면 버퍼를 사용하여 페이지의 모든 링크 목록을 스캔하는 경우가 많으며, 12 개의 링크보다 쓸모가없는 것은 "자세히"(아마도 "<article topic>에 대해 자세히 알아보십시오.)
이 스크린 리더와 키보드는 어떻게 접근 가능합니까? –