如果我通过 javascript 设置 aria 属性对屏幕阅读器可见并且有效吗？

Question

I am developing an accordion and I wonder if I could insert aria attributes with javascript. I used bootstrap and it has all aria markup initially. Is there any reason for it? Does screen readers see aria attributes which are inserted dynamically?

Answer 1

It's common to insert and change aria attributes with JavaScript after page load. In some cases it's necessary to add and remove attributes during user interaction. It should work correctly in the latest versions of popular screen readers as NVDA, VoiceOver and JAWS.

However this isn't absolutely fool-proof, cause some very old screen readers build the accessibility tree once the page loaded without any updates later.