JS为屏幕阅读器生成了可读代码

Question

我正在尝试理解并弄清楚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>

这就是诀窍而我非常兴奋，因为我对编码很新，但我希望我的网站能够被盲人用于使用屏幕阅读器。当我检查生成的HTML代码时，按下按钮不会改变代码，因此我假设屏幕阅读器将读取第一个按钮（在HTML布局中）而不关注生成的代码。

如果我是对的，我该怎么办呢？有没有办法改变这样的文字。

Answer 1

查看可访问的富Internet应用程序（WAI-ARIA）。