나의 형태로 뻗어있는 테이블에서 액세스할 수 있습니까?
-
20-08-2019 - |
문제
내가 만드는 형태로 검색하는 대학에 기반한 운동 프로그램 제공과 이 부문의 스포츠입니다.나는 배치 형태에서 테이블에 있습니다."모든 부서"체크박스를 선택하 모두에 대한 확인란에는 스포츠입니다.
알 화면 독자가 두 형태와 테이블 모니다.나의 현재 디자인을 이용할 수 있 또는 추가해야 하는 레이블에 대한 각 개인 확인란을 선택하고 위치를 화면 visual 사용자가?이것은 또한 요구를 충족하는 적어도 508 요구 사항입니다.
현재 코드 테이블을 위해 다음과 같습니다:
<table>
<tr><th scope="col" colspan="2">All Divisions</th>
<th scope="col">Div I</th>
<th scope="col">Div II</th>
<th scope="col">Div III</th>
<th scope="col">Other</th>
</tr>
<tr><th scope="row">Baseball</th>
<td><input type="checkbox" /></td>
<td><input type="checkbox" /></td>
<td><input type="checkbox" /></td>
<td><input type="checkbox" /></td>
<td><input type="checkbox" /></td>
</tr>
<tr><th scope="row">Basketball</th>
<td><input type="checkbox" /></td>
<td><input type="checkbox" /></td>
<td><input type="checkbox" /></td>
<td><input type="checkbox" /></td>
<td><input type="checkbox" /></td>
</tr>
</table>
내가 원하는 것을 알고 있는지 여부 또는지 스크린 리더할 수 있을 연결하는 테이블의 제목으로 확인란을 선택합니다.
해결책
접근 가능합니다. 코드를 HTML 문서에 공동으로 사용했으며 Firefox 3.0 및 Internet Explorer 7에 jaws 버전 10.0을 화면 리더로 사용하여 헤더가있는 확인란을 읽을 수있었습니다.
다른 팁
나는 당신을 생각해야 할 것 각각의 레이블에 대한 각각의 체크박스,하지만 당신 도 용할 수 있는 headers
특성 테이블에 세포를 달성하는 같은 효과가 있습니다.
확인 테이블에서 "ID"및 "헤더"속성 사용 (섹션으로 아래로 스크롤).
<table>
<tr><th id="all" colspan="2">All Divisions</th>
<th id="div1">Div I</th>
<th id="div2">Div II</th>
<th id="div3">Div III</th>
<th id="other">Other</th>
</tr>
<tr><td id="baseball">Baseball</td>
<td headers="baseball all"><input type="checkbox" /></td>
<td headers="baseball div1"><input type="checkbox" /></td>
<td headers="baseball div2"><input type="checkbox" /></td>
<td headers="baseball div3"><input type="checkbox" /></td>
<td headers="baseball other"><input type="checkbox" /></td>
</tr>
</table>
제휴하지 않습니다 StackOverflow