Question

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

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

<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>

如何：指导屏幕阅读器从代码中读出什么

1 个答案: