Как реализовать доступность озвучивания / обратной связи в интерактивном веб-просмотре? - PullRequest
2 голосов
/ 18 июня 2020

Мне нужно реализовать функцию доступности Voiceover (ios) или Talkback (android) в React-native webview для android и ios.

Я столкнулся с двумя проблемами :

1 : У меня есть блоки div и параграфы (тег p), содержимое которых было считано устройством. Но мне нужно добавить в них некоторую строку в качестве префикса или постфикса.

Пример

код: <<em> div> Эй, косни меня, чтобы увидеть magi c <</em> / div>

Требуется озвученный контент: 1 элемент списка «Привет, косни меня, чтобы увидеть magi c» щелкните, чтобы выполнить действие xyz

.

2 : всякий раз, когда происходит действие (т. Е. При двойном нажатии элемента), устройство должно говорить: «Волшебник c произошло»

То, что я пробовал

Я пробовал использовать SpeechSynthesis of HTML% Text to Speech: var msg = new SpeechSynthesisUtterance ('Hello World'); window.speechSynthesis.speak (msg);

Этот подход работает для моей 2-й проблемы в ios (iphone X), ​​но нет ответа в android устройствах

Спасибо

...