Giter Club home page Giter Club logo

honggou.github.io's Introduction

honggou.github.io's People

Contributors

honggou avatar

Watchers

avatar avatar

honggou.github.io's Issues

Accessibility errors found in your template

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

  • Page https://honggou.github.io/:
    • Issue eddea886-214d-47b0-8687-24f91687e052:
      • 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:nth-child(5) > a
      • Context: <a href="#top" data-scroll=""> <i class="fa fa-arrow-...</a>
    • Issue caa68267-c0f1-4508-8657-442491bcac70:
      • 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.69:1. Recommendation: change text colour to #0f0f0f.
      • Selector: html > body > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(2) > a
      • Context: <a href="/tag/#markdown" style="font-size: 9pt; color: #999;">markdown</a>
    • Issue c0791ada-3552-4d0b-bd92-ee59d856e438:
      • 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.92:1. Recommendation: change background to #767676.
      • Selector: html > body > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > ul > li > a > span:nth-child(2)
      • Context: <span class="badge">1</span>
    • Issue b771a174-b996-456e-9c88-bfb839850cec:
      • 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.28:1. Recommendation: change text colour to #000611.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > ul > li > div:nth-child(4) > a
      • Context: <a href="/2017/11/16/markdown/"><i class="fa fa-newspaper-o"></...</a>
    • Issue 5d479df1-67e0-435f-89aa-d61cc9697b30:
      • 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 #757575.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > ul > li > div:nth-child(3) > ul:nth-child(18) > li:nth-child(2) > code
      • Context: <code class="highlighter-rouge">Highlight Background</code>
    • Issue 2293c98c-b8fd-49bf-a863-a8a884a675a5:
      • 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.93:1. Recommendation: change background to #1b1c16.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > ul > li > div:nth-child(3) > div:nth-child(14) > div > pre > code > span:nth-child(14)
      • Context: <span class="o">}</span>
    • Issue 8b2713a9-69ee-4273-8a49-622d347da87c:
      • 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.93:1. Recommendation: change background to #1b1c16.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > ul > li > div:nth-child(3) > div:nth-child(14) > div > pre > code > span:nth-child(13)
      • Context: <span class="o">}</span>
    • Issue bb29f42c-bb0f-4838-806f-0f797055059b:
      • 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.93:1. Recommendation: change background to #1b1c16.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > ul > li > div:nth-child(3) > div:nth-child(14) > div > pre > code > span:nth-child(12)
      • Context: <span class="o">{</span>
    • Issue 37c0a448-5c72-4eb2-b74b-b0742d88a4b5:
      • 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.93:1. Recommendation: change background to #1b1c16.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > ul > li > div:nth-child(3) > div:nth-child(14) > div > pre > code > span:nth-child(11)
      • Context: <span class="o">()</span>
    • Issue bf2fbfab-1d30-44a5-9ed2-4387b75db652:
      • 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.93:1. Recommendation: change background to #1b1c16.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > ul > li > div:nth-child(3) > div:nth-child(14) > div > pre > code > span:nth-child(6)
      • Context: <span class="o">{</span>
    • Issue 250358eb-1fd7-42b6-969d-fe0992e72ca9:
      • 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.93:1. Recommendation: change background to #1b1c16.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > ul > li > div:nth-child(3) > div:nth-child(14) > div > pre > code > span:nth-child(3)
      • Context: <span class="o">;</span>
    • Issue c0953947-5ea6-437c-973f-93bd0e7c387b:
      • 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.93:1. Recommendation: change background to #1b1c16.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > ul > li > div:nth-child(3) > div:nth-child(14) > div > pre > code > span:nth-child(1)
      • Context: <span class="kn">package</span>
    • Issue 40d9542c-0bce-4e0f-a237-d8273d576e3a:
      • 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.93:1. Recommendation: change background to #1b1c16.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > ul > li > div:nth-child(3) > div:nth-child(12) > div > pre > code > span:nth-child(10)
      • Context: <span class="o">:</span>
    • Issue d6891024-f657-48cc-be51-4c090686d807:
      • 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.03:1. Recommendation: change text colour to #fffffe.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > ul > li > div:nth-child(3) > div:nth-child(12) > div > pre > code > span:nth-child(1)
      • Context: <span class="cp">#include &lt;iostream&gt; </span>
    • Issue 60f18d38-17c4-453c-8832-ce3151dd13a1:
      • 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.68:1. Recommendation: change text colour to #1f1f1f.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > ul > li > div:nth-child(3) > blockquote > p:nth-child(2)
      • Context: <p>Finish</p>
    • Issue 4fa9cd3b-860a-46a0-9a84-bccb4b5b5215:
      • 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.68:1. Recommendation: change text colour to #1f1f1f.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > ul > li > div:nth-child(3) > blockquote > p:nth-child(1)
      • Context: <p>To quote some words here</p>
    • Issue 8ce76504-fc9e-4da1-b844-1a37b0762ac0:
      • 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.6:1. Recommendation: change background to #707593.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > ul > li > div:nth-child(2) > div:nth-child(5) > span > a
      • Context: <a href="/tag/#markdown" title="Tag: markdown" rel="tag">markdown</a>
    • Issue 50b5e59e-2ecb-4de9-a67d-1b6e33badf3f:
      • 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.7:1. Recommendation: change background to #777676.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > ul > li > div:nth-child(2) > div:nth-child(4) > span > a
      • Context: <a href="/category/#markdown" title="Category: markdown" rel="category">markdown</a>
    • Issue 0b3ad0eb-d66f-4ab3-88c9-1b1702760751:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Button.Name
      • Message: This button element does not have a name available to an accessibility API. Valid names are: title undefined, element content, aria-label undefined, aria-labelledby undefined.
      • Selector: #headerMenu
      • Context: <button id="headerMenu" class="menu"><i class="fa fa-bars"></i></button>
    • Issue e9a04d31-6cbc-4409-b07a-f982a82d20bb:
      • 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...</html>

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.