加载DOM后添加的WAI-ARIA属性

Question

我必须提高网站下的网页可访问性。我在Drupal中可能的地方直接在html中添加了aria属性，但是有一些东西我不能添加到html中，比如carousel和幻灯片，所以在加载文档之后将aria属性添加到元素中是否可以。喜欢

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

Answer 1

是的，如果你没有其他选择，这样做是可以接受的。

然而，请注意，对于某些屏幕阅读器，这并不是一种100%可靠的方式(它应该可以在最新版本的NVDA、VoiceOver和JAWs中正常工作)。

一些较老的屏幕阅读器会在文档加载时构建可访问性树，因此将其作为页脚中的内联JS块来使用是谨慎的(如果这是一个糟糕的做法，但这是我能想到的最好的变通方法)。

考虑到您当前的设置，这可能是不可能的，如果是这种情况，那么您建议的方式是可以接受的，并且您将能够在合理的时间范围内实现最佳效果。

如果你真的想修复它(你应该这么做！)--你有没有想过在生成HTML时替换掉那些有问题的插件/库(或者扩展/编辑库/插件)来添加所需的元素。这就是我处理这件事的方式。