Следует ли использовать пользовательский атрибут ARIA, если не существует подходящего атрибута ARIA?

Question

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

, например:

<div>
    <div aria-autohide>
        <a href="http://..." target="_blank">A Link</a>
    </div>
</div>

Это правильный путьсделать это?

Answer 1

Пока вы можете создавать собственные HTML-теги , и вы можете создавать пользовательских атрибутов , обычно с предваряющим " data- ", вы не может создавать собственные атрибуты ARIA.Существует предопределенный список атрибутов ARIA, которые сопоставлены с определенными свойствами в API специальных возможностей .Если вы создадите новый, у вас не будет возможности сообщить API доступности, что означает этот атрибут и как его следует интерпретировать с помощью вспомогательных технологий, таких как средство чтения с экрана.

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

Например,

<div>
  <div>
    <a href="http://..." target="_blank">A Link <span class="sr-only">selecting this link will cause this element to be hidden</span></a>
  </div>
</div>

См. Что такое sr-only в Bootstrap 3? для получения информации о классе "sr-only".