Mac "VoiceOver" доступ к содержимому под модальное поле - PullRequest
1 голос
/ 03 октября 2019

Даже при том, что навигация по вкладкам ограничена модальным окном, Mac «VoiceOver» все еще получает доступ к содержимому под модальным окном. У NVDA нет этой проблемы. Ниже ссылка с W3. Пример на этой странице также имеет проблему.

Пример модального диалога

Я не знаю, является ли функциональность по умолчанию или реальной проблемой. Кто-нибудь может подтвердить?

1 Ответ

1 голос
/ 05 октября 2019

К сожалению, это постоянная проблема (ошибка / решение VoiceOver), которую, несмотря на множество попыток взлома и обходных путей, кажется, очень трудно эффективно решить.

Что я в итоге сделал, чтобы решить эту проблему, которая работает на 100%времени было применить aria-hidden="true" к основному контенту, а затем держать модальный за пределами основного контента.

<section class="container">
    <div class="your-content" aria-hidden="true">
        //main content, hidden when modal is opened via aria-hidden.
        //This should be the main container for the page that holds EVERYTHING else other than your modal
    </div>
    <div class="modal">
        //modal content, with all of your existing constraints in place to stop tabbing outside etc.   
    </div>
</section>  
...