주소 표시 줄에 프로그래밍 방식으로 초점을 맞 춥니 다?

Question

모달 플러그인을 만들고 있는데 주소 표시 줄에 포커스를 설정하고 싶습니다.

모달 창 내부의 개체로 탭 이동을 제한 할 수 있어야하므로 키보드 사용자와 내게 필요한 옵션 사용자가 모달 창에서 주소로 이동할 수 있어야하므로이 작업을 수행하고 싶습니다. 그들이 최종 요소에 도달했을 때 (즉, 모달 안에 갇혀 있지 않도록) 바. 모달 밖의 tabbable 요소를 모두 tabindex -1로 설정하여이 작업을 수행 할 수 있음을 알고 있지만 가능한 경우 해당 솔루션을 피하고 싶습니다.

보안 제한으로 인해 주소 표시 줄에 포커스를 직접 설정할 수 없다는 것을 알고 있습니다. 그러나이 작업을 수행하거나 다음 요소가 주소 표시 줄이되도록 페이지의 초점을 흐리게 할 수 있습니까?

Answer 1

모달 요소가 있으면 시각적 버퍼에서 다른 요소가 제거되지 않습니다. 스크린 리더는 모달 이후 다른 요소를 자동으로 읽을 수 있습니다. 따라서 발표 될 요소의 tabindex를 제거하는 것은 실제로 해결책이 아닙니다.

$(".outside_modal").onfocus() {$("#modal-first-link").focus()}과 같은 코드를 사용하여 다른 요소에서 포커스를 제거하려고 할 수 있지만 링크 대상을 읽는 시각적 포커스와 키보드 포커스가 제공하는 동작이 일치하지 않습니다.

유일하게 가능한 솔루션은 DOM의 마지막 위치에 모달 요소를 설정하는 것입니다.