javascript - 如何: Instruct a screen reader what to read out in code

Question

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

现在当我在“发件人”框上切换时，当我在输入中输入 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" />

Answer 1

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

$('#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>