Accessibility report for Overview — Coding4GaiAma

Download

The html element should have a lang or xml:lang attribute which describes the language of the document.

WCAG2AA.Principle3.Guideline3_1.3_1_1.H57.2
```
<html><head><meta charset="utf-8"><me...</html>
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
<time datetime="2019-05-05">2019-05-05</time>
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
–
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
<time datetime="2020-01-08">2020-01-08</time>
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
–
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
4 min read
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
<time datetime="2020-01-04">2020-01-04</time>
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
–
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
2 min read
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
<time datetime="2019-05-06">2019-05-06</time>
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
–
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
1 min read
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
<time datetime="2019-05-01">2019-05-01</time>
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
–
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
1 min read
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
<time datetime="2019-05-04">2019-05-04</time>
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
–
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
1 min read
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
<time datetime="2019-05-03">2019-05-03</time>
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
–
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
1 min read
```
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.83:1. Recommendation: change text colour to #757575.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
1 min read
```
The heading structure is not logically nested. This h2 element appears to be the primary document heading, so should be an h1 element.

WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141
```
<h2 class="css-268vns"><a aria-current="page" title="/...</h2>
```
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 3:1.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Abs
```
<a href="#welcome-to-coding4gaiama" class="css-995mrz">#</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/gapa-aka-git-add-patch" class="css-1cljvl6" href="/en/gapa-aka-git-add-patch">.. read on</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/gatsby-transformer-leasot" class="css-1s12b2v" href="/en/gatsby-transformer-leasot">Gatsby Transformer Leasot</a>
```
Check that the link text combined with programmatically determined link context identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
```
<a href="#content" class="css-1rd69t">Skip to content</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/es6-object-destructuring-mandatory-parameters" class="css-1cljvl6" href="/en/es6-object-destructuring-mandatory-parameters">.. read on</a>
```

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33

<a title="/en/github-graphql-to-recursively-list-all-files-in-the-directory" class="css-1s12b2v" href="/en/github-graphql-to-recursively-list-all-files-in-the-directory">Github GraphQL to recursively l...</a>

Check that the link text combined with programmatically determined link context identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
```
<a href="#welcome-to-coding4gaiama" class="css-995mrz">#</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/gapa-aka-git-add-patch" class="css-1s12b2v" href="/en/gapa-aka-git-add-patch">gapa - aka git add --patch</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/gatsby-transformer-leasot" class="css-1cljvl6" href="/en/gatsby-transformer-leasot">.. read on</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/github-graphql-to-recursively-list-all-files-in-the-directory" class="css-1cljvl6" href="/en/github-graphql-to-recursively-list-all-files-in-the-directory">.. read on</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/fluid-typography" class="css-1s12b2v" href="/en/fluid-typography">CSS-Only Fluid Typography</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/graphql-parent-file" class="css-1s12b2v" href="/en/graphql-parent-file">Query parent File node in Gatsb...</a>
```
Check that the title element describes the document.

WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2
```
<title>Overview — Coding4GaiAma</title>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a aria-current="page" title="/en/" class="css-obipkp" href="/en/">Coding4GaiAma</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/fluid-typography" class="css-1cljvl6" href="/en/fluid-typography">.. read on</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/remove-utm-params-using-hitcallback-in-google-tag-manager" class="css-1s12b2v" href="/en/remove-utm-params-using-hitcallback-in-google-tag-manager">Remove UTM params using hitCall...</a>
```
Check that a change of context does not occur when this input field receives focus.

WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
```
<button class="css-j36waa">dark</button>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/graphql-parent-file" class="css-1cljvl6" href="/en/graphql-parent-file">.. read on</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/es6-object-destructuring-mandatory-parameters" class="css-1s12b2v" href="/en/es6-object-destructuring-mandatory-parameters">ES6 object destructuring mandat...</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/remove-utm-params-using-hitcallback-in-google-tag-manager" class="css-1cljvl6" href="/en/remove-utm-params-using-hitcallback-in-google-tag-manager">.. read on</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/style-guide" class="css-6nm71q" href="/en/style-guide">Style Guide</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/roadmap" class="css-6nm71q" href="/en/roadmap">Roadmap</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/privacy" class="css-6nm71q" href="/en/privacy">Privacy Policy</a>
```
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
```
<a title="/en/legal" class="css-6nm71q" href="/en/legal">Legal</a>
```

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33

<a href="https://github.com/GaiAma/Coding4GaiAma/blob/master/sites/coding4.gaiama.org/content/pages/home/en.mdx" target="_blank" rel="nofollow noopener noreferrer" title="https://github.com/GaiAma/Coding4GaiAma/blob/master/sites/coding4.gaiama.org/co...

Accessibility report for Overview — Coding4GaiAma

The html element should have a lang or xml:lang attribute which describes the language of the document.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

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.83:1. Recommendation: change text colour to #757575.

The heading structure is not logically nested. This h2 element appears to be the primary document heading, so should be an h1 element.

This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 3:1.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the title element describes the document.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that a change of context does not occur when this input field receives focus.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.