javascript - 如何:指导屏幕阅读器从代码中读取什么

我不确定如何使屏幕阅读器读出用于电子邮件输入的特定消息，而不仅仅是读取“已选择电子邮件”。

现在，当跳到“发件人”框时，当我在输入中输入[email protected]时，它显示“ [email protected] selected”。我希望它说“您的电子邮件地址是（阅读文字）；您可以输入其他电子邮件。”我不确定如何在不输入页面上准确地说出该文本的其他元素的情况下进行处理。

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

最佳答案

您可以使用标题属性。只需将鼠标悬停在输入框上并输入内容即可。

$('#myid').keyup(function(){

  if($('#myid').val() !== ''){

 $("img").attr("width", "500");
  $('#myid').attr('title', 'your email is :'+ $('#myid').val())
 }


})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="myid" value="" title="Your mail address">Visit our HTML Tutorial</a>

关于javascript - 如何:指导屏幕阅读器从代码中读取什么，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57712849/