키보드 접근성

Question

이 사이트를 살펴 보시기 바랍니다 ->http://vanityclaire.com/및 TAB으로 찾아보십시오 (그냥 입력 때리지 마세요 (경우에 그것은 미래의 변화를, 그것은 사이드 스크롤 사이트) 탭). 첫 번째 섹션의 모든 항목을 탭하면 포커스가 다른 섹션으로 바뀌면 두 섹션 중 절반이 표시됩니다.

섹션을 탭할 수있게하려면 어떻게해야합니까?

마지막 항목 (앵커 또는 입력 여부)의 흐림 속성을 설정하여 메뉴의 첫 번째 항목에 포커스를 설정할 수 있다는 것을 알고 있습니다. 그런 식으로 사용자는 다른 섹션으로 이동하지 않습니다. 하지만 사용자가 페이지에 "갇히게"되어 주소창을 통해 탭을 할 수 없다는 것을 의미합니다.

주소 표시 줄에 포커스를 보내는 방법이 있습니까? window.locationbar.focus(); 또는 그와 비슷한 것이 없으며 $(windows).focus();도 도움이되지 않았습니다 ...

누구나이 좋은 해결책을 생각할 수 있습니까?

---

내가 키를 사용하여 탐색에서 사용자를 방지하지 않으 유의하시기 바랍니다 ... 난 그냥 사이트가 그것 때문에 붕괴 (내가 해결하는 방법을 생각할 수있는)과 사용자가 아닌하려면 ... 사전, 사람의

감사합니다,

그것은 가치가 무엇인지에 대한

Óscar 

Answer 1

갇혀 얻을하지, 사이드 스크롤이 유형의 다른 관련 문제의 무리가있다 : 사용자의 윈도우가 큰 경우 또는 축소하거나 배경을 클릭하고 오른쪽으로 드래그하면 다른 페이지에서 눈에 띄게됩니다. 또한, '눈에 보이는'(그냥 스크롤)되어 있기 때문에, 스크린 리더는 현재 페이지가 아닌 한 페이지에서 전체 페이지를 읽을 가능성이 높습니다.

다음과 같은 모든 문제를 해결할 수있는 방법이 있습니다. 다른 페이지 영역을 display : none 또는 visibility : hidden으로 설정하고 필요할 때까지 숨김으로 설정하십시오. (가시성 : 숨김은 레이아웃에 영향을 미치지 않으므로이 경우 가장 잘 작동합니다.) 이로 인해 실수로 실수로보기로 스크롤되거나 화면 판독기가 탭을 읽지 못하도록 방지 할 수 있습니다. Tabbing은 바로 건너 뜁니다. 정확히 여기에서 원하는 것입니다.

영역 A에서 영역 B로 전환하려면 A에서 B까지의 영역을 표시하고 스크롤하여 초점을 영역 B로 이동 한 다음 B가 아닌 다른 영역을 모두 보이지 않게하십시오.