Accessibility errors found in your template

[wapyce-bot]

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

• Page https://jarrekk.github.io/Jalpc/:
  • Issue d52d56a5-8ec8-4c5c-b0c1-033a486704f5:
    • 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_esf
    • Context: <iframe id="google_esf" name="google_esf" src="https://googleads.g.doubleclick.net/pagead/html/r20181017/r20180604/zrt_lookup.html#" style="display:none" data-ad-client="ca-pub-6196184668650108"></iframe>
  • Issue 05f3bae8-0be5-4602-9f18-4a824f217a17:
    • 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_5992714425507
    • Context: <iframe id="google_osd_static_frame_5992714425507" name="google_osd_static_frame" style="display: none; width: 0px; height: 0px;"></iframe>
  • Issue 0b46be9b-502d-403e-8579-2d8d05a9f0bd:
    • 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 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;&amp;H[i],w=this.content...
  • Issue c5e01102-3bd7-4b86-b0b5-0a9c708f7673:
    • 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: #i18_link > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(2) > a
    • Context: <a href="mailto:coo@google.com"><i class="fa fa-envelope-o"></i...</a>
  • Issue 4d09c48c-90a6-4ee4-9a27-e381d2f6569d:
    • 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: #i18_link > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(1) > a
    • Context: <a href="https://github.com" target="blank"><i class="fa fa-link"></i></a>
  • Issue e6cc9d6b-e2bd-484a-a718-34c633531777:
    • 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: #i18_link > div:nth-child(2) > div:nth-child(2) > div > ul > li:nth-child(2) > a
    • Context: <a href="mailto:me@jarrekk.com"><i class="fa fa-envelope-o"></i...</a>
  • Issue 76cbea68-bc13-4f03-8bbf-2429fc93b70b:
    • 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: #i18_link > div:nth-child(2) > div:nth-child(2) > div > ul > li:nth-child(1) > a
    • Context: <a href="http://www.jarrekk.com/donate/" target="blank"><i class="fa fa-link"></i></a>
  • Issue a785d517-4ee8-40eb-b5f1-f0d24dc8a7cb:
    • 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: #i18_link > div:nth-child(2) > div:nth-child(1) > div > ul > li:nth-child(2) > a
    • Context: <a href="mailto:ceo@google.com"><i class="fa fa-envelope-o"></i...</a>
  • Issue 19da4afc-a743-448e-a497-6516f03ae519:
    • 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: #i18_link > div:nth-child(2) > div:nth-child(1) > div > ul > li:nth-child(1) > a
    • Context: <a href="https://www.google.com" target="blank"><i class="fa fa-link"></i></a>
  • Issue 679bef90-b211-4152-85d1-bf7666f562f9:
    • 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 2.22:1. Recommendation: change text colour to #767676.
    • Selector: #i18_about_me > div:nth-child(3) > div > p > span
    • Context: <span data-i18n="about_me.des">Introduce myself will be here.</span>
  • Issue d1377b23-4c7a-43d3-af6a-0cf931fec480:
    • 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: #i18_about_me > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(7) > a
    • Context: <a href="http://cv.jarrekk.com" target="blank"><i class="fa fa-file-pdf-o"></i...</a>
  • Issue cc441cd7-e475-4b80-ba3a-df3bb8788d62:
    • 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: #i18_about_me > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(6) > a
    • Context: <a href="/Jalpc/feed.xml" target="blank"><i class="fa fa-rss"></i></a>
  • Issue d3df1e4f-b682-4a4f-96e9-2ee4562bf877:
    • 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: #i18_about_me > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(5) > a
    • Context: <a href="mailto:me@jarrekk.com"><i class="fa fa-envelope-o"></i...</a>
  • Issue 539b7f78-e986-45fd-a195-db18ee1a7fac:
    • 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: #i18_about_me > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(4) > a
    • Context: <a href="https://twitter.com/jiakun614" target="blank"><i class="fa fa-twitter"></i></a>
  • Issue 6c0fbf8f-9c14-47a3-8031-7239f71df5e5:
    • 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: #i18_about_me > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(3) > a
    • Context: <a href="https://www.facebook.com/jiakunnj" target="blank"><i class="fa fa-facebook"></i></a>
  • Issue 0dd12a58-f318-4d05-bc53-7348103aeacf:
    • 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: #i18_about_me > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(2) > a
    • Context: <a href="https://www.linkedin.com/in/jarrekk" target="blank"><i class="fa fa-linkedin"></i></a>
  • Issue cedece73-b5d0-424b-afaa-c522375321a1:
    • 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: #i18_about_me > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(1) > a
    • Context: <a href="https://github.com/jarrekk" target="blank"><i class="fa fa-github"></i></a>
  • Issue 3d63399d-0209-4e2a-9c1b-57c7b1941ef7:
    • 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.54:1. Recommendation: change text colour to #1f71eb.
    • Selector: #i18_about_me > div:nth-child(2) > div:nth-child(3) > div > h4 > span
    • Context: <span class="navy">Hub</span>
  • Issue bbdc7d41-bb83-465c-b1f0-71fd7a3bc33b:
    • 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:1. Recommendation: change text colour to #767676.
    • Selector: #i18_navbar > li:nth-child(6) > a > span
    • Context: <span data-i18n="nav.link">Links</span>
  • Issue 52a08873-51a8-45b4-8685-4338b6b21227:
    • Type: Error
    • Code: WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID
    • Message: This link points to a named anchor "links " within the document, but no anchor exists with that name.
    • Selector: #i18_navbar > li:nth-child(6) > a
    • Context: <a class="page-scroll" href="#links "> <span data-i18n="nav.link">Lin...</a>
  • Issue 4dab0545-ffdf-4b26-a367-7a029eb9b65e:
    • 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:1. Recommendation: change text colour to #767676.
    • Selector: #i18_navbar > li:nth-child(5) > a > span
    • Context: <span data-i18n="nav.blog">Blog</span>
  • Issue 6af70563-d733-43ce-bf3e-7d46eeabf815:
    • 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:1. Recommendation: change text colour to #767676.
    • Selector: #i18_navbar > li:nth-child(4) > a > span
    • Context: <span data-i18n="nav.projects">Projects</span>
  • Issue 73ac8e13-bee5-4ef2-ae84-80262a2faf41:
    • Type: Error
    • Code: WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID
    • Message: This link points to a named anchor "projects " within the document, but no anchor exists with that name.
    • Selector: #i18_navbar > li:nth-child(4) > a
    • Context: <a class="page-scroll" href="#projects "> <span data-i18n="nav.projects"...</a>
  • Issue e8f33d79-50f6-41c4-a42b-9a933187ceb0:
    • 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:1. Recommendation: change text colour to #767676.
    • Selector: #i18_navbar > li:nth-child(3) > a > span
    • Context: <span data-i18n="nav.skills">Skills</span>
  • Issue 5dedca7d-71f2-4fc6-b0c2-aa85b7d5ab08:
    • Type: Error
    • Code: WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID
    • Message: This link points to a named anchor "skills " within the document, but no anchor exists with that name.
    • Selector: #i18_navbar > li:nth-child(3) > a
    • Context: <a class="page-scroll" href="#skills "> <span data-i18n="nav.skills">S...</a>
  • Issue 975a6c58-a600-4606-802c-5f00a7ff0021:
    • 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:1. Recommendation: change text colour to #767676.
    • Selector: #i18_navbar > li:nth-child(2) > a > span
    • Context: <span data-i18n="nav.career">Career</span>
  • Issue fbd283ba-d6cc-4e6b-bcd8-3bfe791a9959:
    • Type: Error
    • Code: WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID
    • Message: This link points to a named anchor "career " within the document, but no anchor exists with that name.
    • Selector: #i18_navbar > li:nth-child(2) > a
    • Context: <a class="page-scroll" href="#career "> <span data-i18n="nav.career">C...</a>
  • Issue 271fc5a7-c274-46f7-a7c2-b42fe2dec545:
    • 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:1. Recommendation: change text colour to #767676.
    • Selector: #i18_navbar > li:nth-child(1) > a > span
    • Context: <span data-i18n="nav.about_me">About</span>
  • Issue d2b58eaa-4a07-45a9-b65c-d4f8401dcc14:
    • Type: Error
    • Code: WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID
    • Message: This link points to a named anchor "about-me " within the document, but no anchor exists with that name.
    • Selector: #i18_navbar > li:nth-child(1) > a
    • Context: <a class="page-scroll" href="#about-me "> <span data-i18n="nav.about_me"...</a>
  • Issue 38635c53-d552-4994-9188-324520411a67:
    • 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.54:1. Recommendation: change background to #1f71eb.
    • Selector: #i18_title > span
    • Context: <span data-i18n="website.title">Jalpc</span>

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