http://blog.naver.com/PostView.nhn?blogId=jwblues&logNo=150174465279

a태그에서 자바스크립트를 실행할 때 다양한 방법들이 있는데 어떤 방법이 좋을까요? link link link link 웹 접근성 측면과 SEO를 고려해 본다면 a태그 href 속성에 접근할 수 있는 url 이 필요합니다. javascript로 처리하는 것 외에 실제 페이지 접속을 통해 처리할 수 있는 방법을 제공하는 것이 좋습니다. go 자바스크립트를 이용하지 않고 실제 페이지를 제공하기 어려운 경우 javascript_required.html과 같은 페이지를 생성해두고 안내를 하는 것이 좋을것 같습니다. go 페이지의 전환이 전혀 들어가지 않고 데이터 처리만을 위해 javascript를 사용하는 거라면 a태그를 사용하지 말고 대신 button 태그를 사용합니다. (span 태그로 할 경우 focusin..

요소는 폼양식의 요소를 설명하는 텍스트로써 모든 양식 요소는 항상 label과 명시적인 방법으로 1:1 대응해야 한다. label 텍스트를 제공하면 화면 낭독기를 사용하는 사용자는 특정 폼양식 요소에 대하여 문맥의 도움 없이 독립적으로 접근 하더라도 label 설명을 전달 받을 수 있다. 아이디 * 허나 label 텍스트를 생략하거나 레이블과 맵핑되야 할 두 개 이상의 요소에 하나의 설명만을 제공해야 할 때는 ... 요소 대신 title 속성을 사용할 수 있습니다. 이 때는 주소 * - 식으로 앞에 것만 label과 매핑하고 둘 다 title을 사용하여 해당 텍스트에 대한 설명을 적어주면 된다. label 텍스트가 존재함에도 불구하고 label을 사용하지 않고 title속성을 사용하는 것은 바람직 하지 ..

- 팝업X - 로그인 실패시 수정해야 할 아이디/비밀번호 칸으로 자동 포커스O 자동포커스 이동 X (ex.주민번호 앞자리 쓴 후 자동으로 뒷자리 칸으로 포커스 이동하는것 안됨.) - 롤링되는 배너에 정지/재생/번호버튼 (마우스오버시 정지되는 것도 웹표준 준수) - li에는 키보드 접근이 안되기 때문에 반드시 a에 이벤트를 줘야한다!(a, 온라인서식 에는 키보드접근이 가능함!) - a를 새창으로 열고 싶을 때, target=_blank 를 주고 반드시 title이나 css로 '새창열림'을 표시해주어야한다. ★ 마우스이벤트를 줄때, 키보드 이벤트도 함께 줘야한다.onmouseover(마우스) = onfocus(키보드) / onmouseout(마우스) = onblur(키보드)접근성에서 생각해볼때, 마우스오버를..