Javascript 如何:指示屏幕阅读器在代码中读取内容

Javascript 如何:指示屏幕阅读器在代码中读取内容,javascript,html,css,Javascript,Html,Css,我不确定如何让屏幕阅读器为电子邮件输入读取特定消息,而不是仅仅读取“已选择电子邮件” 现在,当切换到“发件人”框时,它会显示:Test@gmail.com当我进入时,选择了'Test@gmail.com输入。我想让它说“你的电子邮件地址是(阅读文本);如果你愿意,你可以输入不同的电子邮件。”我不确定如何在页面上输入更多的元素而不准确地显示该文本 <input role="textbox" tabindex="0" id="from-input" name="from

我不确定如何让屏幕阅读器为电子邮件输入读取特定消息,而不是仅仅读取“已选择电子邮件”

现在,当切换到“发件人”框时,它会显示:Test@gmail.com当我进入时,选择了'Test@gmail.com输入。我想让它说“你的电子邮件地址是(阅读文本);如果你愿意,你可以输入不同的电子邮件。”我不确定如何在页面上输入更多的元素而不准确地显示该文本

<input role="textbox"
    tabindex="0"
    id="from-input"
    name="from-input"
    class="liberty-input col-12 disabled"
    formControlName="from"
    [readOnly]="true" />

您可以使用title属性。只需将鼠标悬停在输入框上并键入一些内容

$('#myid').keyup(函数(){
如果($('#myid').val()!=''){
$(“img”).attr(“宽度”,“500”);
$('myid').attr('title',您的电子邮件是:'+$('myid').val())
}
})


访问我们的HTML教程
您是否尝试过使用
aria标签
属性?我只是尝试了一下,但它没有输出属性中的值