Доступна ли моя форма, представленная в таблице?

Question

Я создаю форму для поиска колледжей на основе предлагаемых спортивных программ и вида спорта.Я выложил форму в таблицу.Флажок «все дивизионы» устанавливает все флажки для этого вида спорта.

Я знаю, что программы чтения с экрана имеют режим как форм, так и таблиц.Доступен ли мой текущий дизайн или мне следует добавить метки для каждого отдельного флажка и разместить их за пределами экрана для визуальных пользователей?Это также должно соответствовать как минимум требованиям Раздела 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>

Я хочу знать, может ли программа чтения с экрана связать заголовки таблиц с флажками.

Answer 1

Это доступно.Я скопировал код в html-документ и смог прочитать флажки с заголовками как в Firefox 3.0, так и в Internet Explorer 7, используя Jaws версии 10.0 в качестве программы чтения с экрана.

Answer 2

Я думаю, вам понадобятся отдельные метки для каждого флажка, но вы может иметь возможность использовать headers атрибут в ячейках таблицы для достижения того же эффекта.

Answer 3

Хорошо использование атрибутов «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>