AnsweredAssumed Answered

Canvas placing link text within screenreader CSS class

Question asked by Anne Huebel on Jun 13, 2019
Latest reply on Jun 20, 2019 by Anne Huebel

I'm updating a very old Canvas course that provides help to faculty with Canvas. When I add links to Canvas guide pages, the Rich Content Editor is creating links with no link text.  I'm far from an html expert, but I finally figured out that it is placing the link text inside the screenreader only class in the html and CSS.  I'm adding these links by typing the link text, highlighting it, and using the link to URL button in the Rich Content Editor.  The html ends up looking like this:

<li>

<a href="https://community.canvaslms.com/docs/DOC-10061-415267000">

<span>

<span class="screenreader-only">Temporary link for testing.</span>

</span>

</a>

</li>

I know how to fix the problem, but I don't understand why it's happening.  Since I have quite a few links to add, I'm getting tired of going into the html and putting the link text in the right place.  Anyone know why it's happening and if I can stop it?

Thanks,

Anne Huebel

Outcomes