Screen reader stops reading paragraph when it reaches anchor tag

时间:2019-04-23 15:16:48

标签: html accessibility voiceover screen-readers

I am trying to make a paragraph of text continuously readable by a screen reader (VoiceOver in this case). The text inside of <p> gets read by the screen reader but stops once it reaches the first <a> tag. The user then has to tab through the two links to have the text within the <a> tags read to them.

<p>
  Thank you for visiting this website. If you experience any difficulty in accessing this website please email us at <a href="mailto:info@info.com">info@info.com</a>or call us at<a href="tel:1111111111">111-111-1111.</a>
</p>

Is there a more accessible-friendly way of providing the information to the user?

1 个答案:

答案 0 :(得分:2)

正如我在对该问题的评论中所写的那样,如果您坚持句子中没有链接(从而读取中断),我将建议一个与此类似的解决方案:

<p>Thank you for visiting this website. If you experience any difficulty in accessing this website please contact us using the mail and phone links supplied below</p>

<p>E-Mail: <a href="mailto:info@info.com">info@info.com</a>, Phone: <a href="tel:1111111111">111-111-1111.</a></p>

(不过,我会保持原样。屏幕阅读器用户已经习惯了)