Атрибуты WAI-ARIA добавлены после загрузки DOM

Question

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

$(document).ready(function(){
  $(".item").attr("aria-label", "My Label");
});

Answer 1

Да, это допустимо, если у вас нет других вариантов.

Однако имейте в виду, что это не 100% надежный способ работы с определенными программами чтения с экрана (он должен работать правильнов последних версиях NVDA, VoiceOver и JAW).

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

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

Если вы действительно хотите это исправить (и вам следует!) - задумывались ли вы о замене нарушающих плагинов / библиотек (или расширении / редактировании библиотек / плагинов) для добавленияобязательные элементы при генерации HTML. Вот как бы я справился с этим.

Answer 2

Да, использование:

$(document).ready( ()=> {
...
});

будет применять определенные атрибуты после полной загрузки вашей веб-страницы.