Почему Talkback не выбирает определенные элементы при перелистывании? - PullRequest
Новая
       17

Почему Talkback не выбирает определенные элементы при перелистывании?

0 голосов
/ 16 октября 2019

У меня есть детская игра, разработанная как приложение React, которое в основном состоит из кнопок, текст которых практически отсутствует, в зависимости от страницы. Я могу легко перемещаться по нему с помощью клавиатуры или Apple Voiceover, но проведя пальцем влево и вправо в Google Talkback, вы не обнаружите кнопки, если я не переведу их в режим «Управление» или не коснусь кнопок вручную. Это предполагаемое поведение для Talkback или его можно исправить?

Пример кода: 

<html>
<body>
<div id="root">
<div class="game">
    <div class="controls controls-home" id="controls">
        <div>
            <button class="openControls" aria-label="Open options menu">
                <img class="btn-settings" src="/static/media/btn-settings.89705620.png" alt="Gear Icon">
            </button>
            <button class="btn btn-narrate" aria-label="Replay Narration">
                <img src="/static/media/speech_btn.b9ede765.png" alt="Replay Icon">
            </button>
        </div>
        <div class="controls-right">
            <button class="btn btn-sound" aria-label="Toggle Sound">
                <img src="/static/media/soundOff_btn.be262dd1.png" alt="Speaker Icon">
            </button>
            <a aria-label="Return to main screen" href="#/find">
                <img src="/static/media/home_btn.b5816b0d.png" alt="Home Icon"> 
            </a>
        </div>
    </div>
    <div className="splashscreen">
        ...more buttons, etc
    <div>
</div>
</div>
</body>
</html>
...