Підпис та короткий зміст

Підписи та резюме містять інформацію, яка може допомогти користувачам знаходити, переміщатися та розуміти таблиці. Незважаючи на те, що вони не потрібні в кожному випадку для задоволення WCAG, підписи та резюме є досить простими способами надання такої інформації, яка часто потрібна.

веб-доступності

A підпис функціонує як заголовок таблиці. Більшість зчитувачів екрану повідомляють про зміст підписів. Підписи допомагають користувачам знайти таблицю, зрозуміти, про що йдеться, та вирішити, чи хочуть вони її прочитати. Якщо користувач використовує “Режим таблиць”, підписи є основним механізмом ідентифікації таблиць. Заголовок надається елементом.

A резюме передає інформацію про організацію даних у таблиці та допомагає користувачам орієнтуватися в ній. Наприклад, якщо таблиця має незвичну структуру (як у прикладах нижче), інформація про те, який вміст можна знайти в якому рядку чи стовпці, може бути надана користувачеві. Резюме зазвичай потрібне лише для складних таблиць.

Якщо для однієї таблиці передбачено як підпис, так і підсумок, підсумок не повинен дублювати інформацію, наявну в підписі.

Ідентифікація таблиці за допомогою підпису

Підпис повинен бути коротким заголовком для змісту таблиці. У цьому прикладі “Концерти” повідомляє користувачам, яка інформація міститься в таблиці (оскільки таблиця може, наприклад, містити також інформацію про художні виставки).

Концерти Дата Місце проведення
12 лютого Вальс із Штраусом Головний зал
24 квіт Обеліски Західне крило
14 квіт Що Головний зал

Конспекти для більш складних таблиць

У наведених нижче прикладах використовуються різні методики для надання резюме користувачам.

Підсумок вкладеності всередині елемента

Ця складна таблиця показує наявність різних типів та розмірів помешкань у двох окремих місцях. Елемент виконує функцію заголовка таблиці та забезпечує зведення, яке також описує склад таблиці.

Якщо реалізувати його таким чином, резюме доступне і для візуальних користувачів.

Наявність місць для відпочинку
У колонці 1 міститься розміщення та розмір житла, в інших стовпцях вказується тип та кількість доступних властивостей Вілла-студіо Apt Chalet Париж 1 спальня 2 спальні 3 спальні Рим 1 спальня 2 спальні 3 спальні
11 20 25 23
- 43 52 32
- 13 15 40
13 21 22 3
- 23 43 30
- 16 32 40

Примітка: Елемент span був доданий для стилізації резюме не так, як підпис. Це не потрібно.

Використовуючи aria-describy для надання підсумкової таблиці

У цьому підході елемент з атрибутом id асоціюється із зведенням за допомогою атрибута aria-describy в таблиці. Будь-який елемент з унікальним атрибутом id може бути використаний як підсумок для таблиці таким чином.

Елемент, що містить резюме, не повинен знаходитись перед таблицею в документі, але це допомагає користувачам швидше знаходити резюме, якщо резюме знаходиться біля таблиці, особливо якщо вони не використовують зчитувач з екрана.

Примітка: Ця функція WAI-ARIA може не настільки широко підтримуватися допоміжними технологіями, як інші підходи до резюме на цій сторінці.

У колонці 1 міститься розміщення та розмір житла, в інших стовпцях вказується тип та кількість доступних властивостей.

Париж: Наявність місць для відпочинку
Вілла-студіо Apt Chalet 1 спальня 2 спальні 3 спальні
11 20 25 23
- 43 52 32
- 13 15 40

Використання елемента для розмітки резюме таблиці

При такому підході таблиця обгортається елементом. Елемент містить текст підпису та резюме.

Користувачі зчитувача з екрана, які здійснюють навігацію в режимі "Таблиці", як правило, не можуть ідентифікувати таблицю за таким назвою. Частина заголовка елемента може бути явно пов'язана з таблицею за допомогою атрибута aria-labelledby та зведеної частини за допомогою атрибутів aria-describyby. Зверніть увагу, що це може призвести до того, що підпис і короткий зміст читатимуться кілька разів.

Примітка: Ця функція HTML5 може не настільки широко підтримуватися допоміжними технологіями, як інші підходи до резюме на цій сторінці.

Париж: Наявність місць для відпочинку
У колонці 1 міститься розміщення та розмір житла, в інших стовпцях вказується тип та кількість доступних властивостей. Вілла-шале Studio Apt 1 спальня 2 спальні 3 спальні
11 20 25 23
- 43 52 32
- 13 15 40

Використання атрибута зведення

Примітка: Зведений атрибут застарілий у HTML5.

При такому підході зведений текст міститься в атрибуті зведення таблиці. Такі резюме візуально не відображаються. Зазвичай вони доступні лише для користувачів зчитувача з екрана.

Париж: Наявність місць для відпочинку Вілла-студіо Apt Chalet 1 спальня 2 спальні 3 спальні
11 20 25 23
- 43 52 32
- 13 15 40

Пов’язані ресурси WCAG

Ці навчальні посібники містять рекомендації щодо найкращих практик щодо впровадження доступності в різних ситуаціях. Ця сторінка поєднала наступні критерії та методи успіху WCAG з різних рівнів відповідності:

Техніка:

Ми вітаємо ваші ідеї

Будь-які ідеї, пропозиції чи коментарі надсилайте на (публічно заархівований) список розсилки [email protected]. Ви також можете внести свій внесок у код безпосередньо на Github.

Інформація про документ

Відгуки: Ми вітаємо ідеї щодо вдосконалень, звіти про помилки та коментарі через GitHub або електронною поштою на [email protected] (публічно заархівований список) або [email protected] (список лише для співробітників WAI).

  • Статус: Оновлено 27 липня 2019 року (вперше опубліковано у вересні 2014 року)
  • Редактори:
    • Ерік Еггерт
    • Шаді Абу-Захра
    Учасники:
    • Шаррон Раш
    • Робоча група з питань управління доступністю веб-вмісту (WCAG WG)
    • Робоча група з питань освіти та роз’яснювальної роботи (EOWG)
  • Розроблено за підтримки проекту WAI-ACT, що співфінансується Програма IST Європейської комісії.
  • [Атрибуції] [Журнал змін]