jquery 로 드롭다운 메뉴 만들때 탭키로 이동안되는 문제요 ㅜ.ㅜ
콩알눈
2023.04.01
이제 제이쿼리 공부한지 얼마 안되는 초본데요..
접근성 문제때문에 질문이 있는데요.
처음에 대메뉴가 있고 그 위에 마우스를 올려놨을때.. 아래로 서브메뉴가 나오는
드롭다운 을 제이쿼리로 만들었는데요... 실행은 잘 되는데...
css 걷어내고 tab 키만으로도 이동을 해보면..
tab키로 포커스가 서브메뉴로는 가지 않네요.. 바로 다음 대메뉴로 넘어가는데..
서브메뉴까지 탭키로 이동가능하게 할려면 어떻게 해야되나요? ㅜ.ㅜ
첨부파일에 코딩한 파일 올려놓았습니다.
스크립트 고수님들 부탁드릴께요.
-
내꺼
아 감사합니다. 설명을 듣고 focus 랑 blur를 추가해서.. hover 했을때랑 똑같은 원리로 했는데.. 작동을 안하네요.. 죄송하지만 foucs 도 포함된 제이쿼리로 혹시 만들어 주실수 있을까요? 완성된걸 봐야지 이해가 될거 같아서요.ㅜ.ㅜ
-
큐티베이비
제이쿼리를 끄면 순차적으로 포커스가 됩니다.
제이쿼리를 킨 상태에서도 순차적으로 되려면 제이쿼리가 그렇게 만들어져야 합니다.
키보드로 동작하려면 focus와 blur로 이벤트가 발생 되게끔 만들어져야 하는데,
현재 제이쿼리는 hover()로만 이벤트가 발생하게 되어 있어서, 마우스를 올리고 내렸을떄만 동작이 하기 때문에 원하는대로 안되는 것입니다.