웹접근성 툴팁관련 질문입니다.
라온제나
2023.04.01
웹접근성 툴팁관련질문입니다.
대략 마크업이
h2a href=“#selectbox”툴팁 레이어팝업 타이틀/a/h2
div id=#selectbox ul li리스트1/li li리스트2/li /ul/div
이렇게 되는데 툴팁레이어팝업 타이틀에 마우스 오버시#selectbox 가 block이 되고
마우스 아웃시#selectbox none이 되는 형식인데.
웹와치에서 컨설팅을 받았는데..
이부분에 답변이
마우스이벤트와 동등한 키보드 이벤트 핸들러를 제공한다.링크에onfocus,onblur등의
이벤트 핸들러를 함께 제공한다.이렇게 왔는데 이 답변이 잘이해가 안가서요..키보드로만으로도 제어하기 위해 onfocus를 사용하는것으로 알고있는데..혹시 이부분이 무슨말인지 시원하게 답변좀해주실분있나요?;;;
-
솔로다
쉬운예로 삼성모바일닷컴 같은곳에서 마우스오버할때랑 마우스말고 탭키를 사용해 보시면 바로 이해되실거에요.
-
핑1크캣
아시는 바와 동일합니다.
키보드로도 이용할 수가 있어야 하기 때문에 마우스로만 동작하는 Over, Out은 키보드로 이용해야 하는 사용자에게는 접근이 불가하지요.
오버만이 아니라 클릭했을 경우에도 이용할 수 있게 만들어 주셔야 합니다. -
Sonya
네네 마우스 오버 아웃시에만 동작하게 가는거에요
-
채련
이 경우엔
원칙 2. 운용의 용이성 의 2.1 키보드 접근성에 해당되는거 같아요.
onblur는 사용하지 않는게 좋습니다.
해당 영역에 마우스 오버, 아웃할 때만 동작하게 만드신 건가요?