Accessibility errors found in your template

[wapyce-bot]

The user @carlsonsantana validate your site template "https://taylantatli.github.io/Moon/" and found these accessibility errors:

• Page https://taylantatli.github.io/Moon/:
  • Issue 385b87c1-69de-4829-b1f2-94d6a517120e:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
    • Message: Anchor element found with a valid href attribute, but no link content has been supplied.
    • Selector: html > body > header > div > div > h3:nth-child(6) > a:nth-child(5)
    • Context: <a class="social-btn" href="http://steamcommunity.com/id/username" target="_blank" rel="noopener noreferrer"><i class="fa fa-fw fa-steam-squ...</a>
  • Issue bc4262dc-c149-4b04-bdc9-09cd8af7fc0c:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
    • Message: Anchor element found with a valid href attribute, but no link content has been supplied.
    • Selector: html > body > header > div > div > h3:nth-child(6) > a:nth-child(4)
    • Context: <a class="social-btn" href="http://github.com/username" target="_blank" rel="noopener noreferrer"><i class="fa fa-fw fa-github"><...</a>
  • Issue 84fbe1ac-8c1d-4b3b-8f0b-f550427dd94d:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
    • Message: Anchor element found with a valid href attribute, but no link content has been supplied.
    • Selector: html > body > header > div > div > h3:nth-child(6) > a:nth-child(3)
    • Context: <a class="social-btn" href="http://instagram.com/username" target="_blank" rel="noopener noreferrer"><i class="fa fa-fw fa-instagram...</a>
  • Issue 374ee37d-059a-4b3c-98f3-11c570dc1400:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
    • Message: Anchor element found with a valid href attribute, but no link content has been supplied.
    • Selector: html > body > header > div > div > h3:nth-child(6) > a:nth-child(2)
    • Context: <a class="social-btn" href="http://facebook.com/username" target="_blank" rel="noopener noreferrer"><i class="fa fa-fw fa-facebook-...</a>
  • Issue fad14ebe-3438-4252-b6e6-c7e3212a8dc1:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
    • Message: Anchor element found with a valid href attribute, but no link content has been supplied.
    • Selector: html > body > header > div > div > h3:nth-child(6) > a:nth-child(1)
    • Context: <a class="social-btn" href="http://twitter.com/username" target="_blank" rel="noopener noreferrer"><i class="fa fa-fw fa-twitter-s...</a>
  • Issue 785c4438-2035-48b1-b581-535a242dd3a8:
    • Type: Error
    • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H42.2
    • Message: Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.
    • Selector: html > body > header > div > div > h3:nth-child(6)
    • Context: <h3 class="title" style="font-size:30px;"> <a class="social-btn" href="ht...</h3>
  • Issue e233ffd8-7c11-44dc-ab49-824397d11dca:
    • Type: Error
    • Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2
    • Message: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.
    • Selector: html > body > header > div > div > a
    • Context: <a href="https://taylantatli.github.io/Moon"> <img src="assets/img/logo.png"...</a>
  • Issue b1dd61b3-a009-4cfc-99c1-43b99cd22250:
    • Type: Error
    • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
    • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1.32:1. Recommendation: change background to #757575.
    • Selector: #dl-menu > button
    • Context: <button class="dl-trigger">Open Menu</button>
  • Issue 2ea3a05d-d27f-4e79-8958-cd959d98c682:
    • Type: Error
    • Code: WCAG2AA.Principle3.Guideline3_1.3_1_1.H57.2
    • Message: The html element should have a lang or xml:lang attribute which describes the language of the document.
    • Selector: html
    • Context: <html class="js no-touchevents cssanimations csstransitions" style=""><!--<![endif]--><head> <meta ch...</html>

You can check these accessibility errors using pa11y.
You can view the full validation results in our website.