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.

  • Kasia Swiderska

    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:

    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

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.