Menu
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:[email protected]">[email protected]</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?
623
Rather than displaying web content visually for users in a "window" or screen on the monitor, screen readers convert text into synthesized speech so that users can listen to the content. Sighted users usually have a hard time imagining having to always rely on an audio interface because their world is so highly visual.
Use the P paragraph tag to separate paragraphs instead of multiple breaks (e.g. BR BR ). This encloses blocks of text within their own structural elements. Some screen readers are able to jump from P to P but not BR to BR.
As I already wrote in my comment to the question, I would suggest a solution similar to this if you insist on having no links (and thereby reading interruptions) inside the sentence:
<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:[email protected]">[email protected]</a>, Phone: <a href="tel:1111111111">111-111-1111.</a></p>(Still, I would leave it as it is. Screenreader users are used to that)
188
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
