New to the community? Start here

How to resolve Anchor tags

SmartCrawl SEO checkup is showing the following issues pointed:

https://cdn.livechat-static.com/api/file/v2/lc/att-old/8801096/9f71018736f1f1efd4810b02f869c81b/Screen%20Shot%202018-09-27%20at%209.04.34%20PM.png

Would like to know how to resolve the issues pointed above in screenshot.

Fri, 28 Sep 2018 9:16:58
More SmartCrawl Pro discussions
SmartCrawl Pro
  • Kasia Swiderska
    • Support nomad

    Hello Anthony,

    Let me go through those warnings one by one:

    1) Anchor Tags

    Link wrapping your logo is empty – there is only image tag there, the code looks like that:

    <a href="https://www.yoursite.com">
    
<img src="link_to_logo" />
    
</a>

    so it is actually empty anchor for screenreaders. You can see here what would be recommeded https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/H2

    Text could be wrapped for example in span tag

    <a href="https://www.yoursite.com">
    
<img src="link_to_logo" />
    
<span>text</span>
    
</a>

    and then hidden with CSS. Here is one example of how this can be done https://stackoverflow.com/a/35203462

    2) Redundant Anchor Titles

    Links that are listed there have the same anchor text and title. Please see how this looks in your code:

    [attachments are only viewable by logged-in members]

    to fix that, you need to make them different.

    3) Relative Anchors Pointing to Invalid IDs

    This shows when anchors are pointing to IDs that are not present on the page. Example:

    <a href="#"><img></a>

    Problem with that is this construction is used by JS scripts to target elements and without rewriting scripts and HTML output to avoid that construction it's not possible to avoid that warning.

    4) Uninformative Anchor Text

    It is about links like "Learn more" – it should be something like "Learn more about AGS Design". So it contains more information what will be under the link.

    Let me know if you have more questions

    kind regards,

    Kasia