Nest an Anchor Element within a Paragraph (suggestion)

Nest an Anchor Element within a Paragraph (suggestion)
0.0 0

#1

Tell us what’s happening:

Hi there,

Just a quick suggestion… The “a” element that has the anchor text of “cat photos” should be set to “here” instead in my opinion. Here’s an example:

Click here to view more cat photos .

Hope that helps.

Your code so far


<h2>CatPhotoApp</h2>
<main>
  
  <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
  
  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
  
  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.87 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph/


#2

Anchor text should be as descriptive as possible to indicate what is being linked to. This is very important for SEO (Search Engine Optimization) to help your website content get indexed properly by search engines.


#3

@neacsa_m Here’s the fCC challenge that explains what @randelldawson points out:

Give Links Meaning By Using Descriptive Link Text

Screen reader users have different options for what type of content their device reads. This includes skipping to (or over) landmark elements, jumping to the main content, or getting a page summary from the headings. Another option is to only hear the links available on a page.

Screen readers do this by reading the link text, or what’s between the anchor (a) tags. Having a list of “click here” or “read more” links isn’t helpful. Instead, you should use brief but descriptive text within the a tags to provide more meaning for these users.