Организация материалов

Поддерживайте четкую структуру материалов и делите текст на краткие абзацы с различными заголовками. Это облегчит процесс изучения и восприятия текста для всех пользователей.
Во всех документах в самом начале добавляйте содержание или краткое описание (с помощью нескольких предложений, либо списка с пунктами) того, о чем далее пойдет речь.
Добавляйте глоссарии терминов и их определения в качестве скачиваемого ресурса, чтобы облегчить пользователям прохождение курса. Лучше всего добавлять скачиваемые ресурсы или ссылки ко всем слайдам, которые вы используете.
Всегда проверяйте орфографию, грамматику и удобство чтения. Удобство чтения ― это то, насколько легко читается тот или иной отрывок текста. На удобство чтения влияют такие факторы, как длина предложения, количество слогов в словах, сложность темы и использование незнакомых терминов. Попросите друга или коллегу перечитать материалы вашего курса и выполнить к нему задания в качестве последней проверки, чтобы убедиться в доступности вашего курса!

Создание доступных документов

Программы чтения с экрана (такие как JAWS, NVDA или Voiceover), используемые людьми с нарушениями зрения, способны не только зачитывать текст на странице, но и сообщать о том, как он систематизирован, включая разбивку на заголовки, подзаголовки и элементы списка. Например, в то время как читатель без нарушений зрения видит страницу с крупным жирным текстом, обозначающим заголовки разделов, слабовидящий человек получает информацию о заголовках с помощью так называемой «семантической разметки». Эта метаинформация имеет ключевое значение для доступности документов. К счастью, во многих текстовых редакторах и приложениях, таких как Microsoft Word и Google Документы, она встроена по умолчанию.

Также важно понимать, что может усложнить работу программ чтения с экрана. Например, объединенные ячейки в таблице могут усложнить навигацию и понимание структуры при использовании программ чтения с экрана. Кроме того, при выборе формата, отличающегося от семантического, программы чтения с экрана могут воспроизводить непонятную информацию. Например, при создании пунктов списка с помощью символа звездочки и символа табуляции программа чтения с экрана может озвучить слова «tab» или «звездочка», вместо «пункт списка».

В этом разделе рассмотрено несколько аспектов добавления семантической разметки в цифровые ресурсы, однако в конце документа вы найдете дополнительные ресурсы.

Истинные заголовки

Заголовки — это один из лучших способов улучшения доступности ваших материалов. Использование истинной семантики и визуально различимых заголовков улучшает возможности считывания текста для зрячих и незрячих пользователей.

Организуя материалы с помощью истинных заголовков, которые иногда маркируются как «H1» или «Заголовок 1» в текстовых редакторах и приложениях для создания презентаций, вы обеспечите более точную обработку текста программами чтения с экрана. Например, заголовок документа должен быть заголовком первого уровня, заголовок раздела должен быть заголовком второго уровня («H2»), а заголовки подразделов ― третьего или четвертого уровня. Пример:

Заголовок страницы (Заголовок 1)

Заголовок раздела (Заголовок 2)

Текстовые материалы

Заголовок подраздела (Заголовок 3)

Текстовые материалы

Примечание. Избегайте пропуска уровней заголовков ― например, не переходите от заголовка первого уровня к заголовку третьего уровня.

Истинные маркированные и нумерованные списки

Всегда используйте функции создания маркированных (неупорядоченных) и нумерованных списков (упорядоченных) в текстовых редакторах и приложениях для создания презентаций вместо того, чтобы вручную оформлять текст с помощью табуляции, звездочек и цифр. Программы чтения с экрана смогут распознавать эти списки и озвучивать информацию должным образом.

Структуры простой таблицы

Соблюдайте осторожность при использовании объединенных рядов или столбцов и избегайте использования разных уровней заголовков таблицы. Объединенные ячейки бывает сложно описать студентам, а также они плохо считываются программами чтения с экрана. Если есть такая возможность, избегайте использования таблиц для визуального оформления.

Проверяйте, что все ссылки являются описательными

Избегайте использования обособленных фраз вне контекста, например:

«Нажмите здесь»
«Здесь»
«Больше»
«Дополнительная информация»
«Подробнее»
«Продолжайте»

В качестве альтернативы мы рекомендуем использовать следующие фразы, предоставляющие больше контекста:

«Вы можете загрузить учебный план»
«Ознакомьтесь с ____»
«Дополнительные ____ доступны по этой ссылке»

Также избегайте использования одних только URL-адресов в качестве ссылок, например www.abcde.com, если документ не предназначен для печати или если речь о URL-адресе не идет в материалах.

Альтернативный текст для изображений/медиа

Лучше один раз увидеть, чем сто раз услышать, однако учащимся с нарушениями зрения потребуется альтернативный текст для ознакомления с вашими изображениями. Всегда предоставляйте четкий и понятный в контексте альтернативный текст для изображений в ваших документах, слайдах презентаций и т. д. Этот текст будет озвучен пользователям, которые используют программы чтения с экрана или другие вспомогательные технологии.

Многие инструменты позволяют предоставлять альтернативный текст для изображений. Эти поля иногда маркируются такими фразами, как «alt text», «альтернативный текст» или «описание изображения». Если вы видите такое поле, используйте его, чтобы предоставить альтернативный текст для изображения.
Альтернативный текст должен отражать смысл изображения, он не обязательно должен просто его описывать. Например, следует использовать альтернативный текст «Изображение значка настроек в виде шестеренки», а не просто «значок шестеренки». Если бы вам нужно было удалить изображение, какие текстом вы могли бы его заменить? Кроме того, если бы вам пришлось описывать это изображение кому-то по телефону, подумайте о том, что вы могли бы упомянуть, и добавьте эту информацию в описание изображения.
Если изображение не относится к соответствующему контенту или функции либо служит исключительно для украшения, а также если альтернативный текст предоставлен в соседних сегментах текста, тогда поле альтернативного текста изображения должно оставаться пустым, если есть такая возможность. В некоторых редакторах текста или приложениях для создания презентаций можно выбрать опцию «пропуск» или «пусто».
Избегайте использования слов «картинка», «изображение» или «ссылка на». Вспомогательные технологии сообщат пользователям, что речь идет об изображении.
Используйте наименьшее возможное количество слов, сохраняя ясность или контекст фраз.
Вы можете воспользоваться решением Adobe Acrobat Pro, чтобы проверить, соответствует ли ваш документ PDF стандартам доступности. Найти соответствующую ссылку можно в разделе ресурсов.

Пример изображения с альтернативным текстом

Часто текст по умолчанию отражает название файла изображения, которое может быть бесполезным.

Альтернативный текст по умолчанию(название файла): взрослый-ребенок-техника_обновлено_220811.jpg

Измененный альтернативный текст:на диване сидит взрослый, работающий на ноутбуке, и ребенок в наушниках, смотрящий в планшет.

Используйте выраженный цветовой контраст

Цветовой контраст ― это разница в яркости двух цветов, которая выражается в виде соотношения от 1:1 (низкий) до 21:1 (высокий). Убедитесь, что цветовой контраст хорошо заметен, в особенности контраст между текстом и его фоном. Изображения, содержащие текст, также должны быть достаточно контрастными. Чтобы проиллюстрировать разницу между низко- и высококонтрастными сочетаниями, мы привели несколько примеров цветного текста на белом фоне.

Низкая контрастность

Минимальный коэффициент контрастности для доступных материалов составляет 4,5:1. Вот примеры сочетаний цветов, которые не соответствуют этому уровню и которых следует избегать:

Желтый текст: коэффициент 1,07:1
Бледно-зеленый текст: коэффициент 1,12:1
Оранжевый текст: коэффициент 2,14:1
Розовый текст: коэффициент 3,14:1
Красный текст: коэффициент 4,0:1

Высокая контрастность

Следующие цветовые сочетания являются удачными вариантами, поскольку обеспечивают высокий уровень контрастности (соотношение от 4,5:1 до 7:1):

Синий текст: коэффициент 4,68:1
Темно-зеленый текст: коэффициент 5,14:1
Пурпурный текст: коэффициент 6,95:1

Превосходная контрастность

Перечисленные ниже цветовые сочетания обеспечивают оптимальный уровень контрастности (соотношение более 7:1):

Выгоревший оранжевый текст: коэффициент 7,43:1
Темно-серый текст: коэффициент 12,63:1
Черный текст: 21:1

Краткое описание лучших советов по созданию доступных материалов курса

Материалы

Поддерживайте четкую структуру текста и делите его на краткие абзацы
В объемных документах предоставляйте их содержание или краткое описание
Добавляйте глоссарии терминов в качестве дополнительных ресурсов
Проверяйте орфографию, грамматику и удобство чтения

Семантика документа

Используйте семантическую разметку для правильной работы вспомогательных технологий
Организуйте материалы с помощью истинных заголовков
Используйте истинные маркированные и нумерованные списки
Используйте самую простую структуру таблицы из возможных
Проверяйте, что все ссылки являются описательными

Альтернативный текст

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

Цветовой контраст

Используйте контрастные цвета для оформления текста и изображений

Ссылки на другие статьи о доступности и инклюзивности

Эт информация оказалась полезной? [helpful]

Готовы приступить к созданию курса? Тогда начнем!

Создать курс

Рекомендации по обеспечению доступности материалов курса