Возможности в части доступности
ArcGIS StoryMaps обладает множеством возможностей, позволяющих авторам создавать ресурсы, доступные широкой аудитории.
Многие функции не требуют ввода данных от автора, например, навигация по клавиатуре и допустимый цветовой контраст текста в стандартных темах. Однако авторы могут вносить изменения в ресурсы, созданные с помощью ArcGIS StoryMaps, чтобы сделать их более или менее доступными. Например, авторы должны предоставлять дополнительный текст для медиа и выбирать цвета, обеспечивающие достаточный контраст при разработке темы или изменении цвета текста. В конечном итоге ответственность за внедрение доступности в дизайн и конфигурацию готовых продуктов лежит на авторе.
Встроенные функции
Хотя ответственность за интеграцию методов обеспечения доступности в дизайн лежит на ее авторе, ниже перечислены некоторые встроенные возможности в части доступности, которые читатели могут ожидать от ресурсов ArcGIS StoryMaps.
Навигация с помощью клавиатуры
Стандартные клавиши, используемые для навигации, — Tab, Shift+Tab, Enter, Escape и клавиши со стрелками. В ArcGIS StoryMaps они используются следующим образом:
Tab перемещает фокус вперёд между интерактивными элементами, такими как ссылки и кнопки
Shift+Tab перемещает фокус в противоположном направлении
Enter активирует или выбирает текущий элемент
Стрелки могут прокручивать экран, переходить к следующему элементу или слайду, либо перемещаться между элементами
В ресурсах ArcGIS StoryMaps первой tab-остановкой на вкладке является кнопка Перейти к ресурсам, которая позволяет читателям пропустить интерактивные элементы в заголовке и сразу взаимодействовать с основной областью страницы ресурсов.
См. также раздел Системы чтения с экрана для дополнительных опций навигации по клавиатуре.
Состояние фокуса
При навигации по ресурсам ArcGIS StoryMaps с помощью клавиатуры состояние фокуса клавиатуры указывает на текущую активную область на странице. Обычно фокус отображается в виде рамки, подсвечивающей область. Это позволяет читателю видеть, с какой областью он может взаимодействовать с помощью клавиатуры.
Системы чтения с экрана
Ресурсы ArcGIS StoryMaps разработаны для совместимости с системами чтения с экрана. Например, видимый и дополнительный текст зачитывается вслух, а кнопки именуются и идентифицируются. Информация, читаемая системами экранного чтения, может варьироваться в зависимости от операционной системы, браузера, программного обеспечения экранного чтения и индивидуальных настроек конфигурации. В ArcGIS StoryMaps тестируется VoiceOver на Safari (macOS) и NVDA на Firefox (Windows). Мобильные устройства также поддерживают системы чтения с экрана, в том числе VoiceOver на устройствах. iOS.
Навигационные указатели можно использовать для перехода между разделами страницы. Например, панель навигации в истории обозначается как ориентир.
Цветовой контраст в стандартных темах
Важно использовать тему, разработанную с учётом требований цветового контраста. Темы, предоставляемые в ArcGIS StoryMaps, все соответствуют Требованиям WCAG AA по контрасту.
Функции создания
ArcGIS StoryMaps предоставляет авторам инструменты для создания доступных ресурсов; однако выбор автора определяет, насколько доступны истории для аудитории. Авторы должны убедиться, что содержание воспринимаемо и понятно в соответствии с основными принципами WCAG.
Некоторые решения, касающиеся доступности, принимаются авторами в рамках выбранной темы, а другие принимаются в процессе создания ресурса, например, истории или брифинга.
Дизайн темы
В следующих разделах описаны доступные возможности дизайна.
Выбор шрифтов
Авторы, выбравшие пользовательские темы, могут выбирать шрифты внутри конструктора тем и из библиотеки Google Fonts. Выбор шрифтов может влиять на доступность истории. Некоторые шрифты Google, особенно декоративные, содержат дополнительные элементы или имеют слишком маленькое расстояние между символами, что затрудняет их чтение. Первоначальный список предлагаемых шрифтов в конструкторе тем был отобран с учетом общедоступных шрифтов. Размеры шрифтов для текста абзацев можно настраивать внутри конструктора.
Для получения дополнительной информации смотрите Формат, стиль и ссылки.
Выбор цвета
При изменении цвета в одном из конструкторов ArcGIS StoryMaps вы увидите индикатор контрастности, который покажет, достаточно ли контрастен выбранный цвет с фоном для соответствия требованиям доступности.
При выборе цветов для следующих случаев придерживайтесь рекомендаций инструмента проверки контрастности:
Тематические элементы, такие как шрифты, фоновые области и элементы выделения (см. Создание темы)
Варианты форматирования текста внутри истории, брифинга, рамки или коллекции
Элементы диаграммы и инфографики
Дизайн ресурсов
Выбор использования навигации по тексту на панели Дизайн создает навигационные ссылки, позволяющие читателям переходить к определенным заголовкам в тексте.
Семантическая структура
При создании истории можно добавить заголовки, чтобы разделить повествование на разделы. Можно использовать до трёх уровней заголовков. Рекомендуется использовать заголовки в ожидаемом порядке; Например, не используйте заголовок 2, пока не применили заголовок 1.
Дополнительный текст
Дополнительный текст — это описательная информация о визуальных медиа, которую озвучивают системы чтения с экрана. Добавляйте дополнительный текст ко всем недекоративным изображениям и медиа ресурсам.
Помощник ArcGIS StoryMaps поможет сэкономить время, генерируя дополнительный текст для изображений. См. Помощник ArcGIS StoryMaps.
Для получения дополнительной информации смотрите раздел Использование альтернативного дополнительного текста для справедливого повествования в Блоге ArcGIS.
Доступные медиа
Избегайте передачи ключевой информации внутри медиа, где система чтения с экрана не уловит текст, например, в изображениях с текстом, видео с подробными схемами или скриншоте диаграммы или сложной инфографике.
Создание диаграмм и инфографики в ArcGIS StoryMaps повышает доступность такого типа ресурсов по сравнению с использованием скриншотов или экспортированных изображений продуктов, созданных в других местах. Текстовая информация внутри медиа может быть добавлена к дополнительному тексту или расшифровки, чтобы сделать её доступной для систем чтения с экрана.
Расшифровка и субтитры
При загрузке аудио или видео медиа можно добавить расшифровку и субтитры для повышения доступности. См. Добавить медиа.
При встраивании видео или аудио со сторонних веб-сервисов добавляйте расшифровку и субтитры с помощью инструментов нативной платформы.