label 안에 이미지 사용시 익스플로러6, 7, 8에서 포커스가 가지 않는 버그가 있습니다.

해당 버그 때문에 찾아봤는데 딱히 다른 방법은 없는 것 같더라구요

checkbox나 radio에 관련된 내용은 있던데 text, password, textarea, select에 포커스를 주는 방법은 없더라구요.

checkbox나 radio에 포커스를 주는 방법은

http://report.nhndesign.com/blog/792

인데 체크된 다은 해제시 두번 클릭해야하는 경우도 있더라구요.

제가 테스트 해봤을 땐 될 때도 있고 안될 때가 있더라구요

그래서 좀 더 찾아봤는데 

http://snook.ca/archives/javascript/using_images_as

위 링크에 쓰인 스크립트로 하면 포커스가 가긴하는데 역시 체크 해제 후 다시 포커스를 주려면 두번 클릭해야 하더라구요.

그래서 꼭 이미지를 label 안에 사용을 해야 한다면 IR 기법 등으로 백그라운드로 사용하는 것이 가장 좋을 듯합니다.

그리고 label 안에 이미지 사용시 센스리더에서 서식과 연결을 해주지 못하는 경우가 발생합니다.

h(heading) 태그 안에 이미지 사용시 같은 증상이 발생하구요.

label 안에 또는 h 태그 안에 이미지를 넣는 것이 잘못된 것은 아닌데 익스플로러나 센스리더 등에서 연결을 해주지 못하니 약간은 답답한 마음입니다.