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

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

ОК с использованием атрибутов "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>

Answer 3

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