Можно ли добавлять удобные для чтения с экрана теги в документы HTML5 Adobe Animate?

Я хотел бы иметь возможность публиковать интерактивные активы Adobe Animate (написанные в режиме HTML5), чтобы программы чтения с экрана, такие как NVDA, могли считывать текст на экране и любые «альт-подобные» теги, которые я добавляю к элементам.

Кто-нибудь добился успеха в этом? Можете ли вы дать мне несколько идей, как это сделать?

Я немного просмотрел ZimJS, но не нашел конкретных примеров специальных возможностей для Adobe Animate.

Спасибо

В соответствии с просьбой, вот код, с которым я работаю в Adobe Animate:

var timeline = this;
//answerBox is a instance of a symbol in Adobe Animate, and answerBoxDynamicText is a dynamic text instance within the symbol. 
timeline.answerBox.answerBoxDynamicText.text = "Text that I want screen readers to read out";

javascript html accessibility nvda jquery-animate
person Paddy UK    schedule 06.02.2020    source источник
comment
Не могли бы вы предоставить пример кода?   -  person Josh    schedule 07.02.2020
comment
Сделано - не очень информативно, но мой вопрос носит общий характер, а не относится к конкретной строке кода.   -  person Paddy UK    schedule 07.02.2020

Ответы (2)


arrow_upward
0
arrow_downward

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

У Adobe есть документация по созданию доступного контента с помощью Animate, которая описывает, что можно сделать и как это сделать.

Панель специальных возможностей Animate («Окно» > «Другие панели» > «Специальные возможности») позволяет предоставлять информацию о специальных возможностях программам чтения с экрана и устанавливать параметры специальных возможностей для отдельных объектов Animate или целых приложений Animate.

Здесь также есть некоторая информация о доступности, касающаяся доступности анимации в Генеральная.

Если ваши анимации не критичны для понимания посетителями смысла страницы, то я бы настоятельно рекомендовал полностью скрыть их от программ чтения с экрана.

person Josh    schedule 07.02.2020
comment
Спасибо, Джош. К сожалению, я постоянно сталкиваюсь с проблемой Catch-22, заключающейся в том, что специальные возможности Animate доступны только в проектах ActionScript. Если я что-то не упустил, проекты ActionScript не могут быть опубликованы как HTML Canvas и поэтому не будут работать в современных браузерах. - person Paddy UK; 11.02.2020
comment
Если у вас есть контент, который нельзя сделать доступным, и он важен для понимания страницы посетителем, то типичным путем обычно является добавление текстового эквивалента. Текстовый эквивалент можно сделать доступным только для программ чтения с экрана (с помощью CSS), а анимацию можно скрыть от программ чтения с экрана с помощью атрибута aria-hidden в содержащем элементе. - person Josh; 11.02.2020

arrow_upward
0
arrow_downward

Я узнал еще кое-что, поэтому отвечаю на свой вопрос: ZIM.JS может быть решением. «ZIM Shim» и пример .FLA можно загрузить с сайта https://zimjs.com/animate. ZIM Shim — это библиотека, которая загружается в настройки публикации Adobe Animate. Затем вы можете запрограммировать доступные элементы с помощью языка ZIM из проектов Animate (HTML5) или преобразовать анимационные мувиклипы с помощью zimify(). Документы по специальным возможностям ZIM находятся здесь: https://zimjs.com/docs.html?item=Accessibility . Добавить var accessibility = new Accessibility("string"); вверху примера .FLA, и когда вы публикуете, он размещает HTML-теги и арии-метки за холстом, которые программы чтения с экрана могут прочитать при переходе по элементам. Я заметил, что у меня также было некоторое управление ползунком с клавиатуры. Я тестировал только с NVDA, но выйти за рамки «графического объекта, кликабельного» и получить описания элементов внутри считывания было чем-то особенным! Я все еще пытаюсь выяснить, можно ли сделать текст читаемым с помощью таких плагинов, как ReadAloud, чтобы поддержать людей, которые могут видеть, но не могут читать экранный текст. Спасибо людям из группы Zim Slack за предоставленную информацию.

person Paddy UK    schedule 13.02.2020