본문 바로가기
웹 접근성

자바스크립트 품질검사/접근성해결

by @hohoya33 2013년 02월 28일

- 팝업X

 

- 로그인 실패시 수정해야 할 아이디/비밀번호 칸으로 자동 포커스O

  자동포커스 이동 X (ex.주민번호 앞자리 쓴 후 자동으로 뒷자리 칸으로 포커스 이동하는것 안됨.)

 

- 롤링되는 배너에 정지/재생/번호버튼 (마우스오버시 정지되는 것도 웹표준 준수)

 

- li에는 키보드 접근이 안되기 때문에 반드시 a에 이벤트를 줘야한다!(a, 온라인서식 에는 키보드접근이 가능함!)

 

- a를 새창으로 열고 싶을 때, target=_blank 를 주고 반드시 title이나 css로 '새창열림'을 표시해주어야한다.

 

★ 마우스이벤트를 줄때, 키보드 이벤트도 함께 줘야한다.

onmouseover(마우스) = onfocus(키보드)  /  onmouseout(마우스) = onblur(키보드)

접근성에서 생각해볼때, 마우스오버를 쓰는 것 보다 마우스클릭을 사용하는게 더 낫다. 코드도 줄어듬!

 

- '패밀리사이트' 를 select로 구성할때, 버튼을 넣어주어야한다.

   change속성을 이용하는게 아니라 버튼을 눌러야 해당 페이지로 이동하게해야 키보드가 접근할 수 있다.

   (이 방법은 자바스크립트의 접근성이 떨어지기때문에 결국 ul-li를 이용하는게 가장 좋다!) 

개의 댓글