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.

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

Accessibility errors found in your template #25

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

Accessibility errors found in your template #25

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

Comments

@wapyce-bot
Copy link

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

  • Page https://agusmakmun.github.io/:
    • Issue 013b8e22-0a2d-47e2-9478-c60eceba63b2:
      • 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: html > body > div > div:nth-child(2) > footer > div > iframe:nth-child(2)
      • Context: <iframe src="https://ghbtns.com/github-btn.html?user=agusmakmun&amp;repo=agusmakmun.github.io&amp;type=fork&amp;count=true" frameborder="0" scrolling="0" width="85" height="20px"></iframe>
    • Issue a7d4071b-9f74-40e2-95e4-568933cedf89:
      • 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: html > body > div > div:nth-child(2) > footer > div > iframe:nth-child(1)
      • Context: <iframe src="https://ghbtns.com/github-btn.html?user=agusmakmun&amp;repo=agusmakmun.github.io&amp;type=star&amp;count=true" frameborder="0" scrolling="0" width="85" height="20px"></iframe>
    • Issue 006440ad-fb24-4ec9-b9fa-2327d73b95bd:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: html > body > div > div:nth-child(2) > footer > a
      • Context: <a href="https://github.com/agusmakmun">https://github.com/agusmakmun</a>
    • Issue a9f9f611-f751-433f-b55a-c9cd9b72f165:
      • 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.78:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div:nth-child(2) > footer
      • Context: <footer> © Agus Makmun - <a href="https...</footer>
    • Issue 6863bf33-d595-45ef-b819-74b856703cff:
      • 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.63:1. Recommendation: change text colour to #317ab9.
      • Selector: #home > ul > li:nth-child(6) > a
      • Context: <a href="/page/2/">»</a>
    • Issue 7c4f2eb3-c989-4c12-aab8-e51618139044:
      • 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.63:1. Recommendation: change text colour to #317ab9.
      • Selector: #home > ul > li:nth-child(5) > a
      • Context: <a href="/page/2/">Last</a>
    • Issue 5ad192a8-b027-475f-9295-39fa842613df:
      • 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.63:1. Recommendation: change text colour to #317ab9.
      • Selector: #home > ul > li:nth-child(4) > a
      • Context: <a href="/page/2/">2</a>
    • Issue f3fa1ad6-b4dd-446c-8653-bfc59c213f70:
      • 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.63:1. Recommendation: change background to #317ab9.
      • Selector: #home > ul > li:nth-child(3) > a
      • Context: <a>1<span class="sr-only">(current...</a>
    • Issue c8b00715-c86c-4141-8b44-e569a11bdbaf:
      • 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.63:1. Recommendation: change text colour to #317ab9.
      • Selector: #home > ul > li:nth-child(2) > a
      • Context: <a href="/">First</a>
    • Issue fc3ad85f-7ce9-41ae-95ce-67ab18ae6e49:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(20) > a
      • Context: <a href="/jekyll/2013/12/22/welcome-to-simply-grey.html">Welcome to Simply Grey</a>
    • Issue ee0e7789-71ab-446c-abdd-ffdc2df4f6a0:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(19) > a
      • Context: <a href="/python/django/2016/04/18/email-backend-with-smtp-gmail.html">Email BackEnd with SMTP Gmail</a>
    • Issue 89c36545-a6f7-4a8c-84c0-d2dc8c91aece:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(18) > a
      • Context: <a href="/python/bash/2016/04/19/remove-all-files-pyc-with-recrusive-method.html">Remove all files .pyc with recr...</a>
    • Issue b661f91b-054e-40e7-ad91-13ed3b1d5747:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(17) > a
      • Context: <a href="/bash/2016/04/19/simple-bash-scripting-for-login-before-open-the-terminal.html">Simple bash scripting for login...</a>
    • Issue 6322965f-40ab-4f56-8ffc-fe4f31dbd197:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(16) > a
      • Context: <a href="/python/2016/04/19/python-permutations.html">Python Permutations</a>
    • Issue 9d69ab30-eae3-4c9c-9e00-e9cdbaad736d:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(15) > a
      • Context: <a href="/bash/2016/04/19/download-recrusive-files-inside-index-of-in-linux-using-wget.html">Download recrusive files inside...</a>
    • Issue c5c8fd3c-a917-4410-ae06-89ed8c5ca53c:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(14) > a
      • Context: <a href="/django/2016/04/19/replace-email-backend-gmail-to-postmarkapp-for-django.html">Replace backend gmail to Postma...</a>
    • Issue b5a4178e-6386-44d1-838b-063cf3f4b78c:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(13) > a
      • Context: <a href="/python/django/2016/04/20/custom-redirect-urls-django.html">Custom redirect urls django</a>
    • Issue 891aa630-4aa4-4c3d-ae7b-07fd1d888eca:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(12) > a
      • Context: <a href="/python/django/2016/04/20/adding-broadcast-mail-to-all-users-registered-inside-django-admin.html">Adding BroadCast Mail to All Us...</a>
    • Issue b6178da6-1745-48c7-8959-6018c9c01bfc:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(11) > a
      • Context: <a href="/django/raspberry/2016/04/20/setup-django-in-apache2-raspberry-pi.html">Setup Django in apache2 Raspber...</a>
    • Issue f4cca398-d91a-4a14-861a-6bd862c715f2:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(10) > a
      • Context: <a href="/others/2016/04/25/javascript-validator-for-input-number.html">Javascript Validator for Input ...</a>
    • Issue eb22ae19-886f-4f1f-957f-71e49c4999c1:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(9) > a
      • Context: <a href="/python/security/2016/05/21/python-crazy-decrypter-has-been-released.html">Python Crazy Decrypter has been...</a>
    • Issue 159a0459-4ac3-434e-8e00-4cd65d7520d4:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(8) > a
      • Context: <a href="/python/security/2016/05/21/python-simple-ciphertext.html">Python Simple Ciphertext</a>
    • Issue d28f1cb7-947e-45bd-8b37-5eb4340925f0:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(7) > a
      • Context: <a href="/python/codefights/2016/05/21/reverse-bit-cf.html">Reverse Bit [CF]</a>
    • Issue f44a0456-fd82-439a-915d-e6bd88e43394:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(6) > a
      • Context: <a href="/python/codefights/2016/05/21/notpaired-cf.html">notPaired [CF]</a>
    • Issue 58116179-7a7a-4cc8-bea2-4d9bab3e2905:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(5) > a
      • Context: <a href="/python/codefights/2016/05/21/censorthis-censor-the-words-cf.html">CensorThis - Censor the words [...</a>
    • Issue b2403a56-8fa7-45de-b41f-7ddd9c41ebeb:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(4) > a
      • Context: <a href="/python/codefights/2016/06/10/find-substrings-for-line-encoding-cf.html">Find Substrings for line Encodi...</a>
    • Issue c1ff8f0b-4e75-45cd-80a2-6125f96bbe52:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(3) > a
      • Context: <a href="/python/codefights/2016/06/10/find-the-number-of-even-digits-in-the-given-integer-cf.html">Find the number of even digits ...</a>
    • Issue 8abf2f86-a2c9-4562-959b-75a63b128ce5:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(2) > a
      • Context: <a href="/python/codefights/2016/06/10/get-month-name-cf.html">get Month Name [CF]</a>
    • Issue 8fdf2f0a-3a59-48ef-9040-aac1a18e171a:
      • 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.05:1. Recommendation: change text colour to #208838.
      • Selector: #home > ol > li:nth-child(1) > a
      • Context: <a href="/python/django/2016/12/29/top-10-python-libraries-of-2016.html">Top 10 Python libraries of 2016</a>
    • Issue ea13bd9a-8e98-4483-9985-e691e040621c:
      • 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 type="text" placeholder="(sitemap)~$ type to search" class="search__input form-control" id="js-search__input">
    • Issue b8b1ac61-95aa-489b-9b55-b95b2d2f395d:
      • 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 type="text" placeholder="(sitemap)~$ type to search" class="search__input form-control" id="js-search__input">
    • Issue 7a437f27-6d38-4dab-b07c-97b0a23bd9a3:
      • 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 > div > div:nth-child(1) > div > div:nth-child(4) > ul > li:nth-child(5) > a
      • Context: <a href="https://github.com/agusmakmun" target="_blank"><i class="fa fa-github"></i></a>
    • Issue 650ca6ce-a88e-4a57-9f96-2b3e796edbb7:
      • 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 > div > div:nth-child(1) > div > div:nth-child(4) > ul > li:nth-child(4) > a
      • Context: <a href="#" target="_blank"><i class="fa fa-stack-exchange"...</a>
    • Issue e69b311d-74b5-4410-8cf2-c8b3349885b1:
      • 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 > div > div:nth-child(1) > div > div:nth-child(4) > ul > li:nth-child(3) > a
      • Context: <a href="https://www.linkedin.com/in/summonagus" target="_blank"><i class="fa fa-linkedin"></i></a>
    • Issue 47732a88-24bb-4f56-9dbc-087972bb9e24:
      • 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 > div > div:nth-child(1) > div > div:nth-child(4) > ul > li:nth-child(2) > a
      • Context: <a href="https://twitter.com/agusmakmun6" target="_blank"><i class="fa fa-twitter"></i></a>
    • Issue 99ffc1f5-4898-431e-80eb-c28031064672:
      • 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 > div > div:nth-child(1) > div > div:nth-child(4) > ul > li:nth-child(1) > a
      • Context: <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
    • Issue 4475baf9-632b-461d-b4da-7207963df247:
      • 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 > div > div:nth-child(1) > div > a
      • Context: <a href="/"><img class="profile-avatar" src...</a>
    • Issue d52c5774-8690-4b03-994e-a758caee81c7:
      • 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 charset="utf-8"><me...</html>

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
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant