I'm learning web-development and semantic html markup. Recently a tutorial suggested that because "Click here" or "Read more" anchor texts are not so descriptive to visually impaired users depending on screen readers, one should wrap the descriptive part of the text with anchor tags rather than the CTA.
<a href="">Click here</a> to know more information about the trips. is not good according the tutorial and it should be
Click here to know more <a href="">information about the trips</a>.
This creates a certain problem where the visually able user will want to click on the
Click here text but nothing will happen.
How to solve this problem UX-wise where both visually impaired and visually able person can access the page effortlessly?