VoiceOver чтение скрытых элементов - PullRequest
Новая
       41

VoiceOver чтение скрытых элементов

0 голосов
/ 19 марта 2019

На сайте, над которым я работаю, у нас есть 1) заголовок мобильного устройства 2) заголовок рабочего стола.Оба загружаются, но изображения загружаются лениво + часть содержимого рабочего стола.

Мы работаем над тем, чтобы сделать сайт доступным для слепых, я тестирую VoiceOver на Mac.

Когда ятестирование, кажется, хочет прочитать мобильное меню независимо от того, что я делаю, однако. 

<div aria-hidden="true" hidden style="display: none; visibility: hidden;">
    <nav aria-hidden="true">
        <div>
            <div class="react-hamburger-menu" aria-hidden="true">
                <!-- ... -->
            </div>
        </div>
    </nav>
</div>

Нам нужно отрендерить оба, потому что на большом планшете это будет мобильный заголовок в портретном и настольном заголовке (ish)в ландшафтном режиме.

Я не могу найти что-нибудь еще, чтобы это перестало читать это.Он читает этого самого глубокого ребенка еще как кнопку и продолжает читать все мобильное меню (после того, как я прошел через всю настольную версию)

Редактировать: Я использую Mac OS High Sierra10.13.6.

1 Ответ

0 голосов
/ 19 марта 2019

Похоже, что я пропустил некоторые элементы, которые были перемещены с помощью React Portal, также VoiceOver, похоже, не только для чтения display: block; visibility: hidden; элементов, и не особо беспокоится о aria-hidden="true"

...