(508) 불만은 내가 다음과 같습니다 데이터 테이블이 테이블 헤더

Question

에서 체크 박스 '모두 선택'을 선택합니다. 내가 선택을 할 자바 스크립트를 작성하고 잘 작동합니다. 그러나 IE7과 IE8 (다른 브라우저에서도 가능하지만 다른 것은 지원하지 않아도됩니다.) 헤더의 체크 박스는 탭 포커스를 얻지 못하므로 508은 실패합니다.

이 모든 것을 tabindexes 설정하지 않고?

Answer 1

문제는 실제로 개발 팀과 508 호환 체커 모두에서 통신이 원활하지 않은 것처럼 보입니다. 내 유일한 변명은 노트북을 사용하지 않고 추수 감사절을 떠날 때 전화로 일어난 일입니다.

어쨌든 여기 실제 문제는 초점을 얻지는 않지만 초점을 볼 수 없다는 것입니다. 레이블을 추가하려고 시도했지만 도움이되지 않았습니다. TD에 텍스트를 추가하려고 시도했지만 도움이되지 않았습니다. 나는 오리를 연속적으로 얻고 내가 묻는 것을 확신하면 새로운 질문을 할 것입니다.

감사합니다. 도움을 청합니다.

Answer 2

Jukka가 의견에서 말했듯이 이들 모두는 labels이 필요합니다. <label>이 없으면 양식 요소가 자동으로 508 개의 검사를 실패합니다. 그것은 아마도 그것이 던지는 실제 오류 일지 모르지만 우리는 어떤 도구가 사용되고 있는지 알아야합니다.

어쨌든, 진짜 문제는 여기에 초점을하지 않는 것이 아니라 초점이 보이지 않는 것을 :

새 질문에 대답합니다. 내가 레이블을 추가하는 시도, 그것은 도움이되지 않았고, 난 그냥 TD에 텍스트를 추가 시도하고 도움이되지 않았다 중 하나가 초점을 얻을로

대부분의 브라우저는 모든 요소 주위에 1 개 픽셀 점선 테두리를 넣어 . 스타일 시트를 살펴보고 outline: none;과 같은 것을 찾으십시오. 해당 줄을 제거하거나 포커스를 다시 추가하는 새 규칙을 추가해야합니다.

Answer 3

확인란을 통해 탭 기능을 사용하려면 어떻게해야합니까?

Ryan B가 언급 한 내용을 제외하고 확인란에 실제로 '스타일'이 없으므로 확인란 스타일을 변경하는 JS에서 "포커스가있는"이벤트를 만들 수는 없지만 "포커스가있는"이벤트를 만들 수 있습니다 상자를 통해 탭 이동

http://jsfiddle.net/ZuvbV/3/

공지 빨간색으로 배경색을 변경하십시오 <div>에 그 변화 스타일 확인란을 포함하는 상기.