Accessibility errors found in your template

[wapyce-bot]

The user @carlsonsantana validate your site template "https://codeasashu.github.io/hcz-jekyll-blog" and found these accessibility errors:

• Page https://codeasashu.github.io/hcz-jekyll-blog/:
  • Issue 479068ab-645b-450f-bf16-408bbbb67ffa:
    • Type: Error
    • Code: WCAG2AA.Principle2.Guideline2_4.2_4_1.H64.1
    • Message: Iframe element requires a non-empty title attribute that identifies the frame.
    • Selector: #google_osd_static_frame_6407425108843
    • Context: <iframe id="google_osd_static_frame_6407425108843" name="google_osd_static_frame" style="display: none; width: 0px; height: 0px;"></iframe>
  • Issue 92a51603-f4fa-4098-a589-50af4e7103c5:
    • Type: Error
    • Code: WCAG2AA.Principle2.Guideline2_4.2_4_1.H64.1
    • Message: Iframe element requires a non-empty title attribute that identifies the frame.
    • Selector: #aswift_0
    • Context: <iframe width="720" height="60" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;...
  • Issue 171936e9-60db-48e1-8503-8181d1f5449f:
    • Type: Error
    • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.AlignAttr
    • Message: Align attributes .
    • Selector: html > body > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > div
    • Context: <div align="center"><script async="" src="https:...</div>
  • Issue ae244bbd-5b71-41fd-819a-4c380a306152:
    • 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 3.17:1. Recommendation: change text colour to #007a6f.
    • Selector: html > body > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > footer > a
    • Context: <a href="#">Privacy link</a>
  • Issue 594fa0b4-33b4-4c0f-ae70-34e88f5f3545:
    • 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 3.67:1. Recommendation: change text colour to #008579.
    • Selector: html > body > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(5) > div:nth-child(2) > h4 > a
    • Context: <a href="https://codeasashu.github.io/hcz-jekyll-blog/others/2015/06/04/test-page.html">Test Page</a>
  • Issue 91ef06d2-31ee-4868-bc53-e78d408d1483:
    • 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 3.67:1. Recommendation: change text colour to #008579.
    • Selector: html > body > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(3) > div:nth-child(2) > h4 > a
    • Context: <a href="https://codeasashu.github.io/hcz-jekyll-blog/others/2016/06/04/example-content.html">Example content for posts</a>
  • Issue e29701f5-4fbf-4918-b2d6-f76090f4162e:
    • 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 3.67:1. Recommendation: change text colour to #008579.
    • Selector: html > body > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(1) > div:nth-child(2) > h4 > a
    • Context: <a href="https://codeasashu.github.io/hcz-jekyll-blog/jekyll/2016/06/04/welcome-to-jekyll.html">Welcome to Jekyll!</a>
  • Issue d3ef2bad-478d-4d9e-a38e-da88d2b43337:
    • 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 3.67:1. Recommendation: change background to #008579.
    • Selector: #bs-example-navbar-collapse-1 > ul > li:nth-child(6) > a
    • Context: <a href="https://codeasashu.github.io/hcz-jekyll-blog/feed.xml" target="_blank"><i class="fa fa-feed"></i> XML ...</a>
  • Issue 3a4e7987-63f3-4fb2-940e-a2ee17b05634:
    • 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 3.67:1. Recommendation: change background to #008579.
    • Selector: #bs-example-navbar-collapse-1 > ul > li:nth-child(5) > a
    • Context: <a href="https://codeasashu.github.io/hcz-jekyll-blog/#" target="_self"><i class="fa fa-github"></i> Gi...</a>
  • Issue c21afc42-a6dd-464f-be0f-6af9a9e231cc:
    • 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 3.67:1. Recommendation: change background to #008579.
    • Selector: #bs-example-navbar-collapse-1 > ul > li:nth-child(4) > a
    • Context: <a href="https://codeasashu.github.io/hcz-jekyll-blog/#" target="_self"><i class="fa fa-graduation-cap"...</a>
  • Issue 71d9c4ae-8519-4e40-8de5-410e3b142068:
    • 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 3.67:1. Recommendation: change background to #008579.
    • Selector: #bs-example-navbar-collapse-1 > ul > li:nth-child(3) > a
    • Context: <a href="https://codeasashu.github.io/hcz-jekyll-blog/projects" target="_self"><i class="fa fa-desktop"></i> P...</a>
  • Issue 5e39f741-6c75-4c73-b78a-5e965dfc1e5d:
    • 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 3.67:1. Recommendation: change background to #008579.
    • Selector: #bs-example-navbar-collapse-1 > ul > li:nth-child(2) > a
    • Context: <a href="https://codeasashu.github.io/hcz-jekyll-blog/about/" target="_self"><i class="fa fa-comments"></i> ...</a>
  • Issue 5d438352-6053-4664-85dd-ccaff010f184:
    • Type: Error
    • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.F68
    • Message: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.
    • Selector: #js-search__input
    • Context: <input class="form-control" type="text" id="js-search__input" placeholder="Search">
  • Issue cdf28dad-65dd-4431-911c-2e78282b16fe:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputText.Name
    • Message: This textinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.
    • Selector: #js-search__input
    • Context: <input class="form-control" type="text" id="js-search__input" placeholder="Search">
  • Issue be4e8470-5f88-40ac-97e7-3ab92c61b24b:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.EmptyNoId
    • Message: Anchor element found with no link content and no name and/or ID attribute.
    • Selector: html > body > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(2) > div > a:nth-child(4)
    • Context: <a class="icon" target="_blank" href=""><i class="fa fa-stack-exchange"...</a>
  • Issue a1291250-cd0b-4430-8563-88807e6de917:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.EmptyNoId
    • Message: Anchor element found with no link content and no name and/or ID attribute.
    • Selector: html > body > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(2) > div > a:nth-child(3)
    • Context: <a class="icon" target="_blank" href=""><i class="fa fa-linkedin"></i></a>
  • Issue 871606be-d352-41a8-bb19-728682e0b1e4:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.EmptyNoId
    • Message: Anchor element found with no link content and no name and/or ID attribute.
    • Selector: html > body > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(2) > div > a:nth-child(2)
    • Context: <a class="icon" target="_blank" href=""><i class="fa fa-twitter"></i></a>
  • Issue 7317584f-d296-4f93-bbac-6373a0eee108:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.EmptyNoId
    • Message: Anchor element found with no link content and no name and/or ID attribute.
    • Selector: html > body > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(2) > div > a:nth-child(1)
    • Context: <a class="icon" target="_blank" href=""><i class="fa fa-facebook"></i></a>
  • Issue 8cf36159-5b64-4c79-aaf7-2f1a58cc16f3:
    • 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 3.72:1. Recommendation: change background to #008579.
    • Selector: html > body > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(2) > p
    • Context: <p class="list-group-item-text">Freelance developer</p>
  • Issue 4066724c-5678-44f7-9618-c84aad0d7067:
    • 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 3.72:1. Recommendation: change background to #008579.
    • Selector: html > body > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(2) > h4
    • Context: <h4 class="list-group-item-heading">John Smith</h4>
  • Issue a3c74e58-5943-49ba-9435-e0f98a4df896:
    • Type: Error
    • Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
    • Message: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
    • Selector: #about
    • Context: <img id="about" class="logo-img" src="/hcz-jekyll-blog/static/img/avatar.png" height="75px" width="75px">
  • Issue 15e3e569-6fff-4bfe-8686-5fb64d3dacb2:
    • 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><head><meta chars...</html>

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