Чтобы сделать заголовки таблиц доступными для программ чтения с экрана, можно использовать следующие рекомендации:
- Использовать тег <th>. doka.guide В него оборачиваются заголовки ячеек или строк. doka.guide Если у таблицы нет <th>, то она не получает роль table и становится для скринридеров декоративной таблицей для раскладки. doka.guide
- Сделать заголовки липкими или фиксированными. pixcap.com Это означает, что заголовки будут оставаться в верхней части экрана при прокрутке вниз, помогая пользователям следить за тем, что представляет собой каждый столбец. pixcap.com
- Использовать элемент <caption>. hcdev.ru Он должен быть первым элементом, вложенным в элемент <table>. hcdev.ru Его включение позволяет всем пользователям сразу понять назначение таблицы, не читая окружающий текст. hcdev.ru
- Предоставить доступное имя в качестве подписи. hcdev.ru Для этого можно использовать aria-label или aria-labelledby в элементе <table>. hcdev.ru
Когда пользователи средства чтения с экрана перемещаются по таблице, средство чтения с экрана считывает каждую ячейку таблицы и связанный с ней заголовок. support.microsoft.com Это помогает им в любой момент избежать потери контекста до полезной информации. support.microsoft.com