Step 3. Explanation & Practice
If you did it from the first try, you can consider youself lucky!
Task: Hover on the links or tab with your keyboard through them to learn the mistakes associated with each of them. Hit the continue button when you’re done exploring.
Mistake Description
Hover on the links to learn about the mistakes here.
Screen readers announce the element as a link, hence, adding the word “link” is redundant and wastes user's time.
Web address used as a link text is both aesthetically unpleasing and incomprehensible when read aloud by the screen readers.
The default underline was removed from the link which makes it difficult to find and activate it in text. Underline styling makes it easy for users to separate the links from the rest of the content.
Such phrases as "click here" or "more" don’t convey their destination, so screen reader users won’t know what happens if they activate the link.
This is actually a heading underlined as a link. If you apply the same styling to other elements, for example, paragraphs, this might confuse users when they try to click on it.