Я использую входные данные в таблице данных для поиска по значению столбца в «headerheader» и пользовательских действий (или кнопки со скриптом) в «gridcell».
Основная проблема - это J AWS 's' Выбрать поля формы "(Вставить + F5) все поля формы объединяются в одно длинное поле.
Например, IE показывает: Вопросы Сортировать по имени вопросаДействияИнформация о J aws вопросEdit J aws questionDelete J aws таблица вопросов. Chrome показывает: Таблица вопросов.
Шаблон таблицы:
<table role="grid">
<caption>Questions</caption>
<thead role="rowgroup">
<tr role="row">
<th role="columnheader">
<a aria-label="Sort by question name">
<span>Question name</span>
</a>
</th>
<th role="columnheader">
Actions
</th>
</tr>
</thead>
<tbody role="rowgroup">
<tr role="row">
<td role="gridcell">
<button aria-label="Information about Jaws question">Jaws</button>
</td>
<td role="gridcell">
<a aria-label="Edit Jaws question">Edit</a>
<a aria-label="Delete Jaws question">Delete</a>
</td>
</tr>
</tbody>
</table>
Сетка, подключенная через атрибут headers и работает нормально. Я пытался использовать пролеты с aria-labelledby для клеток, но это не помогает. Также я не могу изменить шаблон таблицы на много.