Пропустити навігацію EPAM

Як зробити документи Word доступними для всіх

Ігор Процюк

Accessibility QA

Ірина Слісаревська

Accessibility QA
Лайфхаки
  • Software Engineering

У світі проживає понад 1 мільярд людей з обмеженнями зору, слуху, опорно-рухового апарату, порушенням уваги тощо, і ця кількість постійно зростає. Тому надзвичайно важливо створювати документи, доступні абсолютно для всіх людей, з різними видами порушень. Зверніть увагу, що ці порушення можуть бути постійними, тимчасовими або ситуативними. Саме тому доступні документи стають не лише питанням етики та дотримання норм, але й розумною інвестицією в зручність, ефективність та інклюзивність для користувачів.

Шрифт, розкладка та форматування:

Віддавайте перевагу чітким і легко читабельним шрифтам, таким як Times New Roman, Arial, Calibri, Tahoma, Verdana, Garamond або Cambria. Уникайте використання декоративних або занадто витончених шрифтів, які можуть ускладнювати розпізнавання символів. Обов’язково встановіть мінімальний розмір шрифту 12 друкарських пунктів, міжрядковий інтервал — 1.5 та ліве вирівнювання для зручності читання. 

Якщо вам потрібно подати інформацію в декількох колонках, обов’язково залиште достатньо місця між ними.

Семантичні елементи:

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

  • Заголовки: створіть заголовки за допомогою функцій Word (не просто збільшений та жирний текст). На панелі інструментів (стрічці) перейдіть на вкладку «Основне» > Група «Стилі» > оберіть стиль «Заголовок».
  • Списки: списки повинні бути семантичними (а не просто елементами зі списками). На панелі інструментів (стрічці) перейдіть на вкладку «Основне» > Група «Абзац» > оберіть стиль списку.
Семантичний зміст та посилання:
  • Семантичний зміст: створіть зміст на основі структури заголовків документа. На стрічці перейдіть на вкладку «Посилання» > «Зміст» > оберіть стиль змісту.
  • Посилання: створюйте посилання за допомогою функцій Word (не просто текст). На стрічці перейдіть на вкладку «Вставка» > Група «Посилання» > Посилання.
  • Виноски та кінцеві примітки: створюйте семантичні виноски та кінцеві примітки за допомогою інструмента «Вставити». На стрічці перейдіть на вкладку «Посилання» > «Вставити виноску» або «Вставити кінцеву примітку».
  • Таблиці: створюйте таблиці за допомогою функцій Word (не за допомогою «Намалювати таблицю» або вставлення зображення таблиці). На Стрічці перейдіть на вкладку «Вставка» > «Таблиця» > оберіть необхідну кількість рядків/стовпців.

Зображення:

Для зображень часто автоматично генерується альтернативний текст, щоб допомогти користувачам із порушенням зору зрозуміти зміст картинки. Але іноді це поле залишається порожнім. Якщо текст згенерований, дуже важливо перевірити точність цього альтернативного тексту та виправити, якщо потрібно. Також вам треба впевнитися, що кількість символів не перевищує 150. Щоб додати або переглянути наявний альтернативний текст, клацніть правою кнопкою миші (або скористайтеся контекстним меню для користувачів клавіатури) на зображенні та оберіть «Переглянути альтернативний текст».

Якщо зображення виконує лише декоративну роль та не несе змісту — позначте відповідний прапорець.

Діаграми:

Усі діаграми також повинні мати альтернативний текст-опис. Якщо на діаграмі багато інформації, краще всю цю інформацію розмістити під діаграмою, а в альтернативному тексті вказати, де її можна знайти.

Ось альтернативні варіанти:

  • Короткий опис: для простих діаграм можна написати короткий опис того, що на ній зображено, в альтернативному тексті.
  • Посилання на опис: для складних діаграм в альтернативному тексті можна вказати, що детальний опис розміщено під діаграмою. Наприклад: «Для детального опису діаграми дивіться текст під нею».

Контрастність кольорів:

WCAG (Web Content Accessibility Guidelines) — це вебвказівки про доступність контенту. Вони визначають, що мінімальне співвідношення контрастності для тексту розміром менше ніж 18 друкарських пунктів має становити 4.5:1. Для великого тексту та не текстових елементів співвідношення контрастності має бути не меншим ніж 3:1.

Ви можете перевірити контрастність за допомогою аналізатора контрастності кольорів.

Колір для передачі значення:

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

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

Хороший приклад: неправильна відповідь позначена червоним хрестиком (або іншим символом, що чітко відрізняється від позначки правильної відповіді).

Миготливі елементи

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

Інструмент для перевірки доступності

У Word є вбудований інструмент, за допомогою якого можна перевірити доступність для користувачів. Його можна знайти на вкладці «Рецензування» (або в нижньому лівому куті документа Word), а потім натиснути «Перевірити доступність». Цей інструмент сканує ваш документ і виявляє багато потенційних проблем, пов’язаних з інклюзивністю. Однак, варто зазначити, що його можливості не безмежні. Наприклад, він може повідомити вас про відсутність альтернативного тексту для зображень, але не зможе перевірити складнішу логіку чи структуру документа.

або

Висновки:

Створюючи документ, ми не можемо бути повністю впевнені, що кінцевий користувач не матиме певних обмежень. Але кожен із нас може зробити свій внесок, щоб документи Word стали доступними та зрозумілими для всіх людей. Це зовсім не складно й не потребує багато часу та зусиль. У такий спосіб ми демонструємо повагу та увагу до наших користувачів.

Автори

Ірина Слісаревська, Accessibility QA

Ігор Процюк, Accessibility QA

Підписатися на новини

Чудово! Ми вже готуємо добірку актуальних новин для вас :)

Вибачте, щось пішло не так. Будь ласка, спробуйте ще раз.

* Обов'язкові поля

*Будь ласка, заповніть обов’язкові поля

Вакансії EPAM Ukraine у Київ | Львів | Харків | Дніпро | Вінниця | Івано-Франківськ | Одеса | Чернівці | Хмельницький | Рівне | Ужгород | Тернопіль | Луцьк за напрямком Java | JavaScript | .NET | DevOps | Experience Design | Software Testing | Business Analysis | Python| Big Data | Mobile | Solution Architect | Ruby on Rails у містах за напрямком Java вакансії Київ | Java вакансії Харків | Java вакансії Львів | Java вакансії Вінниця | Java вакансії Одеса | Java вакансії Івано-Франківськ | Java вакансії Чернівці | Java вакансії Хмельницький | Java вакансії Рівне | Java вакансії Ужгород | Java вакансії Тернопіль | Java вакансії Луцьк | JavaScript вакансії Київ | JavaScript вакансії Харків | JavaScript вакансії Львів | JavaScript вакансії Вінниця | JavaScript вакансії Одеса | JavaScript вакансії Івано-Франківськ | JavaScript вакансії Чернівці | JavaScript вакансії Хмельницький | JavaScript вакансії Рівне | JavaScript вакансії Ужгород | JavaScript вакансії Тернопіль | JavaScript вакансії Луцьк | DevOps вакансії Київ | DevOps вакансії Харків | DevOps вакансії Львів | DevOps вакансії Вінниця | DevOps вакансії Одеса | DevOps вакансії Івано-Франківськ | DevOps вакансії Чернівці | DevOps вакансії Хмельницький | DevOps вакансії Рівне | DevOps вакансії Ужгород | DevOps вакансії Тернопіль | DevOps вакансії Луцьк