Javascript JS生成的代码可供屏幕阅读器阅读

我试图理解并弄清楚JavaScript生成的代码是否会像普通HTML标记一样为屏幕阅读器提供信息。我会告诉你我的意思

我希望我的

div1

文本相对更改

<script>
function changeText()
{
 document.getElementById('div1').innerHTML = '<input type="button" onclick="changeText2()" value="Change Text2" />';
}
function changeText2()
{
 document.getElementById('div1').innerHTML = '<input type="button" onclick="changeText()" value="Change Text" />';
}
</script>
<div id="div1">
<input type='button' onclick='changeText()' value='Change Text'/>
</div>

函数changeText（）
{
document.getElementById（'div1'）。innerHTML=''；
}
函数changeText2（）
{
document.getElementById（'div1'）。innerHTML=''；
}

它做到了这一点，我对此感到非常兴奋，因为我对编码非常陌生，但我希望我的网站能够被使用屏幕阅读器的盲人所采用。当我检查生成的HTML代码时，按下按钮代码不会改变，因此我假设屏幕阅读器将阅读第一个按钮（在HTML布局中），而不会注意生成的代码

---

如果我是对的，我该怎么办？有没有办法像那样修改文本

看看可访问的富互联网应用程序（WAI-ARIA）。

请你更直接一点，因为有很多信息。如果你指的是标签之类的，那不是问题。我知道他们。问题是，由JS生成的html文本将在视觉上替换文本，但它将无法访问。我想。。。我不知道是否会，但这就是问题所在。使用aria live：