3

私は、提供されている運動プログラムとスポーツの部門に基づいて大学を検索するためのフォームを作成しています。フォームをテーブルに配置しました。「すべての部門」チェックボックスは、そのスポーツのすべてのチェックボックスを選択します。

スクリーンリーダーにはフォームモードとテーブルモードの両方があることを知っています。現在のデザインにアクセスできますか、それとも個々のチェックボックスにラベルを追加して、ビジュアルユーザーのために画面外に配置する必要がありますか？これは、少なくともセクション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>

私が知りたいのは、スクリーンリーダーがテーブルの見出しをチェックボックスに関連付けることができるかどうかです。

4

3 に答える 3

2

アクセス可能です。コードをhtmlドキュメントにコピーし、Jawsバージョン10.0をスクリーンリーダーとして使用して、Firefox3.0とInternetExplorer7の両方でヘッダー付きのチェックボックスを読み取ることができました。

于 2009-06-26T22:56:09.423 に答える
0

テーブルの「ID」属性と「Headers」属性を使用してOKです（セクションまでスクロールダウンします）。

<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>
于 2009-06-26T20:56:29.167 に答える
0

チェックボックスごとに個別のラベルが必要になると思いますが、テーブルセルの属性を使用して同じ効果を達成できる場合があります。headers

于 2009-06-26T19:34:42.543 に答える