jQuery 접근성 - 사이트 탭 이동

내 사이트에 탭 포커스를 만들려고합니다. 사용자가 탭 키를 누를 때마다 포커스가 페이지의 다음 항목으로 이동합니다.jQuery 접근성 - 사이트 탭 이동

이것은 ie (버전 9 및 8 테스트) 상자에서 작동하지만 FF에서는 양식 요소에서만 작동합니다.

jquery를 사용하여 보편적으로이 작업을 수행 할 수 있습니까?

감사합니다.

출처

2012-06-06 LeBlaireau

만 웹킷 브라우저를하고는 다른 브라우저로 "양식 요소와 링크를 통해 탭 이동"로 전환 할 수 있습니다 jQuery를 사용하면 사용할 수 있습니다. 검사에 대한 정확한 구성은 무엇입니까? – FelipeAls

이 스레드를 확인하십시오 : http://stackoverflow.com/questions/302122/jquery-event-keypress-which-key-was-pressed – ckaufman

-1

가능합니다. 및/또는 OS X의 사람이 기본적으로이 동작을

$(function() {    
    if($.browser.mozilla) 
     $('*').attr('tabindex', 0); 
});

출처

2012-06-06 15:49:00

div.clear (및 정보의 다른 요소)를 포커스 가능하게 만들고 싶습니까? 예를 들어 보편적 인 선택기입니까? 애초에 파이어 폭스에 집중했을 때 OP와 비슷한 행동을 관찰 했습니까? – FelipeAls

당신이 속성을 tabbable 원하는 모든 것을 제공 tabindex="0"

예 : 그냥 'Tabbable 제목'텍스트를 눌러 탭을 클릭

DEMO Here

<b tabindex="0">Tabbable Title</b> 
<p tabindex="0">My tabbable content</p> 
<div tabindex="0" style='height: 100px; width: 100px; border: 1px solid red;'></div>

가 앞으로 이동하고 Shift + Tab을 통해 돌아 가야 요소들.

페이지에 나타나는 순서대로 각 요소를 탭합니다. tabindex에 0 이외의 숫자를 지정하여 탭 순서를 직접 지정할 수도 있습니다. 1 ~ 2에서 3 등의 탭을 사용합니다.

출처

2012-06-06 15:42:36 Timm

왜 초점을 맞출 수없는 요소를 사용하고 양식 요소 LINKS는 이미 모든 브라우저에서 포커스를받을 수 있습니까? – FelipeAls

그것이 "더 효과적일까요?"라는 질문 이었기 때문에. – Timm

그것은 이미 보편적으로 작동합니다 ... (WebKit에 대한 옵션을 사용하여 믿습니다. OP에 대한 소식이 없었습니다). – FelipeAls

jQuery 접근성 - 사이트 탭 이동

답변

관련 문제