웹 접근성에 관한 tab이동

Question

안녕하세요.이번에 웹 접근성에 걸린 것들이 있는데그 중에 처음 접해본 이슈가 있어서 질문드립니다. 시각장애인을 위한 탭이동이 고려되어야 하는데요.홈페이지 상단부터 탭으로 메뉴들을 이동하는데그 중에 한 이미지버튼은 layer창을 띄우게 됩니다.layer 안에서도 탭 이동이 이루어지는데layer를 닫게 되면 이 전에 이동했던 탭의 포커스가 사라지게 되어다시 처음부터 탭 이동을 시작하게 됩니다ㅠㅠ 이걸 어떻게 해결해야 할지 막막하네요..tabIndex로는 구현이 어려워layer 닫기 이미지버튼 클릭시 이벤트를 주어이전에 마지막으로 눌렀던 이미지버튼에 포커스를 주는 방법을 생각해봤는데아는 지식이 부족하다보니 쉽지않네요..이벤트로 포커스(탭)를 주는 방법이 있을까요?

doru · Accepted Answer

말씀하신 이슈는 접근성잡을때 자주 나오는 이슈입니다.때문에 보통은 레이어팝업을 닫으면(닫기 버튼을 누르면) 해당 레이어팝업을 열게 해주는 버튼으로 다시 포커스가 돌아오게 하는 방법등을 씁니다. 방법은 다 있습니다. 해당이슈는 자주 나오는 것중 하나이니 웹접근성 인증을 받은 사이트들을 한번 찾아서 소스를 보시면 크게 도움이 되실거같습니다.http://www.kwacc.or.kr/CertificationSite/WA/List?Seq&#61;1203&Page&#61;1

호호호 · Answer

감사합니다.좋은 참고가 될 것 같습니다^^

웹 접근성에 관한 tab이동

2개의 답변

Q&A 목록