You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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 4.17:1. Recommendation: change background to #fefefe.
Selector: html > body > footer > div > div > p:nth-child(2) > a:nth-child(4)
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 4.17:1. Recommendation: change background to #fefefe.
Selector: html > body > footer > div > div > p:nth-child(2) > a:nth-child(3)
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 4.17:1. Recommendation: change background to #fefefe.
Selector: html > body > footer > div > div > p:nth-child(2) > a:nth-child(2)
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 4.17:1. Recommendation: change background to #fefefe.
Selector: html > body > footer > div > div > p:nth-child(1) > a:nth-child(4)
Context: <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>
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 4.17:1. Recommendation: change background to #fefefe.
Selector: html > body > footer > div > div > p:nth-child(1) > a:nth-child(3)
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 4.17:1. Recommendation: change background to #fefefe.
Selector: html > body > footer > div > div > p:nth-child(1) > a:nth-child(2)
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.1:1. Recommendation: change text colour to #606060.
Selector: #app > main > section:nth-child(2) > div > nav > a:nth-child(1)
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.43:1. Recommendation: change background to #1d1c12.
Selector: #app > main > section:nth-child(1) > div > article:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > pre > code > span:nth-child(5)
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.43:1. Recommendation: change background to #1d1c12.
Selector: #app > main > section:nth-child(1) > div > article:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > pre > code > span:nth-child(4)
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.43:1. Recommendation: change background to #1d1c12.
Selector: #app > main > section:nth-child(1) > div > article:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > pre > code > span:nth-child(1)
Context: <span class="nt"><a</span>
Issue 8b1ccdcf-71b6-4dcb-82a2-cdbd55f300f0:
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: #app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > ul:nth-child(31) > li:nth-child(2) > input
Message: This checkboxinput 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: #app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > ul:nth-child(31) > li:nth-child(2) > input
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: #app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > ul:nth-child(31) > li:nth-child(1) > input
Message: This checkboxinput 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: #app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > ul:nth-child(31) > li:nth-child(1) > input
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.22:1. Recommendation: change text colour to #363636.
Selector: #app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > p:nth-child(23) > code
Context: <code class="highlighter-rouge">var example = true</code>
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.22:1. Recommendation: change text colour to #363636.
Selector: #app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > p:nth-child(20) > code:nth-child(2)
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.22:1. Recommendation: change text colour to #363636.
Selector: #app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > p:nth-child(20) > code:nth-child(1)
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.22:1. Recommendation: change text colour to #363636.
Selector: #app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > p:nth-child(18) > code:nth-child(2)
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.22:1. Recommendation: change text colour to #363636.
Selector: #app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > p:nth-child(18) > code:nth-child(1)
The user @carlsonsantana validate your site template "https://nakorndev.github.io/jekyll-bulma-theme/" and found these accessibility errors:
html > body > footer > div > div > p:nth-child(2) > a:nth-child(4)
<a href="https://pages.github.com/">GitHub Pages</a>
html > body > footer > div > div > p:nth-child(2) > a:nth-child(3)
<a href="https://jekyllrb.com">Jekyll</a>
html > body > footer > div > div > p:nth-child(2) > a:nth-child(2)
<a href="https://github.com/nakorndev">nakorndev</a>
html > body > footer > div > div > p:nth-child(1) > a:nth-child(4)
<a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>
html > body > footer > div > div > p:nth-child(1) > a:nth-child(3)
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>
html > body > footer > div > div > p:nth-child(1) > a:nth-child(2)
<a href="https://jgthms.com">Jeremy Thomas</a>
#app > main > section:nth-child(2) > div > nav > a:nth-child(1)
<a class="pagination-previous" disabled="">Previous</a>
#app > main > section:nth-child(1) > div > article:nth-child(3) > div > div > div:nth-child(1) > iframe
<iframe width="854" height="480" src="https://www.youtube.com/embed/bM7SZ5SBzyY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
#app > main > section:nth-child(1) > div > article:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > pre > code > span:nth-child(5)
<span class="nt"></a></span>
#app > main > section:nth-child(1) > div > article:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > pre > code > span:nth-child(4)
<span class="nt">></span>
#app > main > section:nth-child(1) > div > article:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > pre > code > span:nth-child(1)
<span class="nt"><a</span>
#app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > ul:nth-child(31) > li:nth-child(2) > input
<input type="checkbox" class="task-list-item-checkbox" disabled="disabled">
#app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > ul:nth-child(31) > li:nth-child(2) > input
<input type="checkbox" class="task-list-item-checkbox" disabled="disabled">
#app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > ul:nth-child(31) > li:nth-child(1) > input
<input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked">
#app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > ul:nth-child(31) > li:nth-child(1) > input
<input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked">
#app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > p:nth-child(23) > code
<code class="highlighter-rouge">var example = true</code>
#app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > p:nth-child(20) > code:nth-child(2)
<code class="highlighter-rouge">######</code>
#app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > p:nth-child(20) > code:nth-child(1)
<code class="highlighter-rouge">#</code>
#app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > p:nth-child(18) > code:nth-child(2)
<code class="highlighter-rouge">##</code>
#app > main > section:nth-child(1) > div > article:nth-child(1) > div > div > div:nth-child(1) > p:nth-child(18) > code:nth-child(1)
<code class="highlighter-rouge">#</code>
#navMenu > div:nth-child(2) > a:nth-child(3)
<a class="navbar-item is-hidden-touch text-facebook" target="_blank" href="https://www.facebook.com/nakorndev"> <svg class="svg-inli...</a>
#navMenu > div:nth-child(2) > a:nth-child(2)
<a class="navbar-item is-hidden-touch text-twitter" target="_blank" href="https://twitter.com/nakorndev"> <svg class="svg-inli...</a>
#navMenu > div:nth-child(2) > a:nth-child(1)
<a class="navbar-item is-hidden-touch text-github" target="_blank" href="https://github.com/nakorndev/jekyll-bulma-theme"> <svg class="svg-inli...</a>
#navbar > div:nth-child(2) > nav > a:nth-child(4)
<a class="navbar-item is-hidden-desktop text-facebook" target="_blank" href="https://www.facebook.com/nakorndev"> <svg class="svg-inline...</a>
#navbar > div:nth-child(2) > nav > a:nth-child(3)
<a class="navbar-item is-hidden-desktop text-twitter" target="_blank" href="https://twitter.com/nakorndev"> <svg class="svg-inline...</a>
#navbar > div:nth-child(2) > nav > a:nth-child(2)
<a class="navbar-item is-hidden-desktop text-github" target="_blank" href="https://github.com/nakorndev/jekyll-bulma-theme"> <svg class="svg-inline...</a>
You can check these accessibility errors using pa11y.
You can view the full validation results in our website.
The text was updated successfully, but these errors were encountered: