search

Jessica3860 / hear-me-oh-content

Apply content accessibility best-practices while writing semantically appropriate HTML.
0 stars 0 forks source link

duplicate content #3

Open Jessica3860 opened 2 years ago

Jessica3860 commented 2 years ago

image

Hi Wendy @wendywarren ,

I was wondering if I can have some guidance on what I am duplicating?

thank you

wendywarren commented 2 years ago

Hi @Jessica3860,

It looks like you have duplicate links to https://en.wikipedia.org/wiki/Sloth within your index.html without any text displaying on the page.

For one of the links you have it written like this:

<p>Read more</p>
<a href="https://en.wikipedia.org/wiki/Sloth"></a>

You would rather create a link like this: <a href="https://en.wikipedia.org/wiki/Sloth">Read more</a>

Since there are a couple of links with the same 'Read more' text you will want to make sure you include an aria-label attribute on the <a> so that screen readers can better direct and give the user more information as to where you're sending them.

So you'd want to create the link like this: <a href="https://en.wikipedia.org/wiki/Sloth" aria-label="Read more about the sloth">Read more</a>

The content within the aria-label will only be read by the screen reader with 'Read more' being displayed on the webpage.

I hope that helps.

Wendy