Firefox에서 링크의 키보드 포커스를 허용하는 방법은 무엇입니까?


128

Webkit 브라우저에서이 매우 간단한 바이올린으로 이동하여 입력을 클릭하십시오.

http://jsfiddle.net/eK4TT/

<input type="text">
<input type="text">
<input type="text">
<a href="#">my first link</a>
<a href="#">my second link</a>
<a href="#">my third link</a>

그런 다음 Tab키를 사용하여 입력과 링크를 모두 키보드로 탐색 할 수 있습니다 (및 Shift+ Tab를 역순으로 탐색).

이제 Mac OS의 Firefox에서 동일한 바이올린을보고 동일한 작업을 수행하십시오. 입력은 포커스를 받지만 링크는 포커스를받지 않습니다. CSS 표시 문제가 아닙니다. 포커스가 마지막 입력에서 URL 표시 줄로 이동합니다.

tabindex마크 업에서 끝없는 선언 조합을 시도했지만 아무 소용이 없습니다. 예 :

http://jsfiddle.net/eK4TT/1/

도대체 여기서 무슨 일이 일어나고 있습니까? 다음과 같은 답변을 수락합니다.

a) Firefox에서 작동하는 바이올린
b) Mozilla의 머릿속에서 정확히 무슨 일이 벌어지고 있는지에 대한 설명. 사양 과 모순되는 것 같습니다 .


무슨 일이 벌어지고 있는지 확실하지 않으면 이상한 JSFiddle 및 FF 버그 일 수 있습니다. 모든 tabindexs를 삭제하고 모든 tabindex="-1"링크 만 입력하십시오. 테스트 할 FF에 액세스 할 수 없습니다.
Ryan B

1
아니 그것은 맥 일입니다. ... 내 대답을 참조

1
오 예. 이 동작은 "모든 컨트롤"이 활성화되어 있지 않은 경우 Safari에서도 발생합니다. 그것은 모즈 문제가 아닙니다
라이언 B

답변:


270

좋아요, 누군가 나에게 이것을 설명했습니다. Mac 문제입니다. Mozilla는 Mac OS의 운영 체제 설정에 충실합니다.

사용자 측에서이 문제를 해결하는 방법에는 두 가지가 있습니다. 둘 다 작동하는 것 같습니다.

  1. 에서 시스템 환경 설정키보드 의에 바로 가기 창 하단에있는 "모든 컨트롤"라디오를 확인합니다.

  2. Firefox에서는 about:configURL 표시 줄에 " "를 입력합니다. accessibility.tabfocusMac 에는 기본 설정 이 없으므로 하나를 만들어야합니다. 창을 마우스 오른쪽 버튼으로 클릭하고 새 "정수"환경 설정을 만든 다음 7로 설정합니다.

둘 다 끔찍하게 분명하지 않습니다. 또한 이들 중 어느 것도 개발자를위한 서버 측 솔루션이 아니기 때문에 실망 스럽습니다.


17
10.9 Mavericks : 시스템 환경 설정> 키보드> 단축키> 창 하단의 '모든 컨트롤'라디오 버튼.
paulhhowells

9
저는 Catalina를 사용하고 있으며이 두 가지 제안을 모두 수행해야했습니다. 시스템 환경 설정을 업데이트하는 것만으로는 Firefox에서 아무것도 변경되지 않는 것 같습니다. Firefox에 새로운 환경 설정을 추가하자 about:configFirefox는 마침내 탭 포커스를 허용했습니다. 감사!
Ray Brown

MacOS Mojave (버전 10.14.6)에서는 두 가지 제안을 모두 수행해야했습니다. 시스템 환경 설정은 Firefox의 동작을 변경하지 않았습니다. 새로운 Firefox 환경 설정을 추가하면 트릭이 발생했습니다. 하이퍼 링크 키보드 포커스가 파이어 폭스의 기본 동작이 아니라는 것은 꽤나 거칠다.
Paul Shryock

정말 고맙습니다! 크롬과 파이어 폭스 (MacOS)가 탭에 초점을 맞추는 데 왜 그렇게 다른지 궁금했습니다. 그 이유는 :-)
Hermann Schwarz

참고 : 시스템 환경 설정에서 구성을 변경 한 후 Firefox를 종료 / 다시 시작해야했습니다. 또한 Safari의 경우 Safari> 환경 설정> 고급> 접근성 : [x] Tab 키를 눌러 웹 페이지의 각 항목을 강조 표시했습니다 (시스템 환경 설정에서 설정하는 것 외에도).
Bryan Downing
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.