Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Accessibility errors found in your template #134

Open
wapyce-bot opened this issue Oct 27, 2018 · 0 comments
Open

Accessibility errors found in your template #134

wapyce-bot opened this issue Oct 27, 2018 · 0 comments

Comments

@wapyce-bot
Copy link

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.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@wapyce-bot