Вложенная ария скрыта

Можно ли вкладывать элементы с aria-hidden="true" и aria-hidden="false"?

Например:

<div aria-hidden="true">  
    some hidden content  
    <div aria-hidden="false">  
        some visible content
    </div>  
</div>

Кажется, это не работает для меня. Я протестировал его с помощью NVDA и его функциональности для отображения полного списка ссылок на странице. Если бы я установил aria hidden в значение true для тела, мне не удалось получить никаких ссылок, даже когда я начал устанавливать aria hidden в false для некоторых дочерних элементов. В настоящее время похоже, что я не могу перезаписать скрытое состояние арии в дочернем элементе.

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


accessibility wai-aria
person Playerwtf    schedule 17.02.2014    source источник

Ответы (1)


arrow_upward
11
arrow_downward

Нет, это невозможно. Вы скрываете элемент и его дочерние элементы.

Например, при создании модального окна вы скрываете все, кроме модального, вот так:

<div aria-hidden="true" id="page-wrap">
  <main role="main">
    <p>content</p>
  </main>
</div>
<div aria-hidden="false" id="myModal" aria-labelledby="myModal-title">
  <h1 id="myModal-title">Sign up!</h1>
  ...
</div>

Это затем скроет #page-wrap и покажет #myModal вспомогательным технологиям.

person Daniel Göransson    schedule 18.02.2014
comment
Спасибо за ответ, я почти подозревал, что - person Playerwtf; 18.02.2014