수다닷컴

안녕하세요!
웹접근성 연구소에도 같은 질문을 올려놓긴 했는데
아직까지도 답이 없어요ㅠㅠ
하코사분들의 조언도 듣고 싶어서 이렇게 글올립니다!

네비게이션에 관한 질문인데요.

네비게이션의 구성은
a b c d e f 이렇게 메뉴가 있구요

a에 mousover가 되면
a에 속하는 서브 메뉴 | e에 속하는 서브메뉴 | f에 속하는 서브메뉴가 보여집니다.
e 서브메뉴와 f 서브메뉴는 b메뉴, c메뉴, d메뉴 어딜 가도 공통으로 나오게 되는데요.

지금은 보여지는 그대로 마크업을 해놨어요.

a 메뉴
a sub
e sub
f sub

b 메뉴
b sub
e sub
f sub

c 메뉴
c sub
e sub
f sub

d 메뉴
d sub
e sub
f sub

e 메뉴
a sub
e sub
f sub

f 메뉴
a sub
e sub
f sub e 메뉴와 f 메뉴 같은 경우는 a메뉴에 있던 걸 그대로 쓰게 되구요.
위의 마크업 접근성 측면에서 봤을때 맞지 않을 듯 해서요.

a 메뉴
a sub

b 메뉴
b sub

c 메뉴
c sub

d 메뉴
d sub

e 메뉴
e sub

f 메뉴
f sub

이게 접근성에 맞는 마크업이라고 생각하는데
이렇게 하면 e, f 메뉴를 어떻게 처리해야 되는지 잘 모르겠어서요.

제이쿼리로 구현하기에는 무리가 있는 걸까요?
slideDown 방식으로 메뉴를 구현했는데
포커스 이동도 되지 않아요..

포커스 이동 문제 때문에 전자의 형태로 마크업을 해놓은거거든요.

어떤 방법이 현명하게 대처할 수 있는 방법인지 알려주세요..ㅠㅠ

신청하기