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 #1913

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

Accessibility errors found in your template #1913

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

Comments

@wapyce-bot
Copy link

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

  • Page https://mmistakes.github.io/minimal-mistakes/:
    • Issue 31debb0d-52a1-4f46-90db-9583b724ae23:
      • 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_5955534610923
      • Context: <iframe id="google_osd_static_frame_5955534610923" name="google_osd_static_frame" style="display: none; width: 0px; height: 0px;"></iframe>
    • Issue 78db875d-5f6e-4fd3-a19a-ae8e72d4291c:
      • Type: Error
      • Code: WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID
      • Message: This link points to a named anchor "fn:1" within the document, but no anchor exists with that name.
      • Selector: #fnref:1 > a
      • Context: <a href="#fn:1" class="footnote">1</a>
    • Issue 86230c0b-7f62-484f-b33b-d70a8d867324:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77
      • Message: Duplicate id attribute value "fnref:1" found on the web page.
      • Selector: #fnref:1
      • Context: <sup id="fnref:1"><a href="#fn:1" class="footnote...</sup>
    • Issue 260d25d6-b9c3-4dab-adf6-d8406e4b776d:
      • Type: Error
      • Code: WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID
      • Message: This link points to a named anchor "fn:1" within the document, but no anchor exists with that name.
      • Selector: #fnref:1 > a
      • Context: <a href="#fn:1" class="footnote">1</a>
    • Issue 80048b6e-7a37-4c0a-9f31-552b7e14990d:
      • 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: html > body > div:nth-child(3) > div > div:nth-child(1) > div > input
      • Context: <input autocapitalize="off" autocomplete="off" autocorrect="off" placeholder="Enter your search term..." role="textbox" spellcheck="false" type="text" value="" class="ais-search-box--input">
    • Issue 4d32a38a-aaa2-4d01-b959-896917bcd6fc:
      • 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: html > body > div:nth-child(3) > div > div:nth-child(1) > div > input
      • Context: <input autocapitalize="off" autocomplete="off" autocorrect="off" placeholder="Enter your search term..." role="textbox" spellcheck="false" type="text" value="" class="ais-search-box--input">
    • Issue 9daafabc-a73c-4a65-916c-825a61d51011:
      • 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 width="800" height="90" 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;...
    • Issue 15c9a983-c9ae-40bc-bf0b-6d39f5678d87:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.AlignAttr
      • Message: Align attributes .
      • Selector: html > body > div:nth-child(2) > div:nth-child(4)
      • Context: <div align="center" style="margin: 1em 0;"> <ins class="adsbygoogl...</div>
    • Issue 18a3bade-7737-475a-bc81-10f72d5248bb:
      • 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.91:1. Recommendation: change background to #6f777d.
      • Selector: #main > article > section > div:nth-child(2) > div:nth-child(3) > div > div:nth-child(2) > p > a
      • Context: <a href="/minimal-mistakes/docs/license/" class="btn btn--primary">Learn More</a>
    • Issue 1476bfbc-9f52-46f7-8b0a-b4255137c564:
      • 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.91:1. Recommendation: change background to #6f777d.
      • Selector: #main > article > section > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > p > a
      • Context: <a href="/minimal-mistakes/docs/layouts/" class="btn btn--primary">Learn More</a>
    • Issue e2ad19a0-93aa-4758-93fd-b756a07d8416:
      • 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.91:1. Recommendation: change background to #6f777d.
      • Selector: #main > article > section > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > p > a
      • Context: <a href="/minimal-mistakes/docs/configuration/" class="btn btn--primary">Learn More</a>
    • Issue 4b49d80c-bd9c-4eaa-8d19-3ce1ca1d11da:
      • 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.91:1. Recommendation: change background to #6f777d.
      • Selector: #main > article > section > div:nth-child(1) > div > div > div > div > p > a:nth-child(2)
      • Context: <a href="https://www.paypal.me/mmistakes" class="btn btn--primary"><svg class="svg-inline--fa fa-p...</a>
    • Issue 495ec5df-88ae-4fb1-a81e-99f64353ab30:
      • 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.46:1. Recommendation: change background to #247bbd.
      • Selector: #main > article > section > div:nth-child(1) > div > div > div > div > p > a:nth-child(1)
      • Context: <a href="https://twitter.com/mmistakes" class="btn btn--twitter"><svg class="svg-inline--fa fa-t...</a>
    • Issue 8a4f88d9-a1a0-43bf-8ac5-23ad4d784a74:
      • 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:nth-child(2) > div:nth-child(1) > div > p:nth-child(2) > iframe:nth-child(6)
      • Context: <iframe style="display: inline-block;" src="https://ghbtns.com/github-btn.html?user=mmistakes&amp;repo=minimal-mistakes&amp;type=fork&amp;count=true&amp;size=large" frameborder="0" scrolling="0" width="158px" height="30px"></iframe>
    • Issue bdf45247-fd79-4339-a88e-0ebf4a753944:
      • 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:nth-child(2) > div:nth-child(1) > div > p:nth-child(2) > iframe:nth-child(5)
      • Context: <iframe style="display: inline-block;" src="https://ghbtns.com/github-btn.html?user=mmistakes&amp;repo=minimal-mistakes&amp;type=star&amp;count=true&amp;size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
    • Issue 5db1d711-b641-4b6e-aa10-cf1398b3529e:
      • 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: #site-nav > button:nth-child(3)
      • Context: <button class="search__toggle" type="button"> <svg class="icon" wi...</button>
    • Issue c470bfda-7237-4ada-9b6b-c06cfd053843:
      • 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.91:1. Recommendation: change text colour to #6f777d.
      • Selector: #site-nav > ul:nth-child(2) > li:nth-child(5) > a
      • Context: <a href="/minimal-mistakes/terms/">Terms &amp; Privacy Policy</a>
    • Issue f6ff7198-7711-411c-ade8-f60b42e9a476:
      • 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.91:1. Recommendation: change text colour to #6f777d.
      • Selector: #site-nav > ul:nth-child(2) > li:nth-child(4) > a
      • Context: <a href="/minimal-mistakes/collection-archive/">Sample Collections</a>
    • Issue e8ebfde8-e3ab-44c2-906a-212b02ee6b5e:
      • 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.91:1. Recommendation: change text colour to #6f777d.
      • Selector: #site-nav > ul:nth-child(2) > li:nth-child(3) > a
      • Context: <a href="/minimal-mistakes/year-archive/">Sample Posts</a>
    • Issue 4ad8a674-e5ee-41bc-a59c-f4fc11c2496f:
      • 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.91:1. Recommendation: change text colour to #6f777d.
      • Selector: #site-nav > ul:nth-child(2) > li:nth-child(2) > a
      • Context: <a href="/minimal-mistakes/about/">About</a>
    • Issue b0cfa096-1220-4a70-8499-34fae758012e:
      • 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.91:1. Recommendation: change text colour to #6f777d.
      • Selector: #site-nav > ul:nth-child(2) > li:nth-child(1) > a
      • Context: <a href="/minimal-mistakes/docs/quick-start-guide/">Quick-Start Guide</a>

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

okitem pushed a commit to okmalls/okmalls.github.io that referenced this issue Sep 21, 2024
okitem pushed a commit to okmalls/okmalls.github.io that referenced this issue Sep 21, 2024
## [7.1.0](cotes2020/jekyll-theme-chirpy@v7.0.1...v7.1.0) (2024-08-27)

### Features

* add Bluesky social links ([mmistakes#1759](cotes2020/jekyll-theme-chirpy#1759)) ([0102aba](cotes2020/jekyll-theme-chirpy@0102aba))
* add Reddit social option ([mmistakes#1836](cotes2020/jekyll-theme-chirpy#1836)) ([8673e13](cotes2020/jekyll-theme-chirpy@8673e13))
* add Threads social links ([mmistakes#1837](cotes2020/jekyll-theme-chirpy#1837)) ([e3a78b6](cotes2020/jekyll-theme-chirpy@e3a78b6))
* **analytics:** add fathom analytics ([mmistakes#1913](cotes2020/jekyll-theme-chirpy#1913)) ([befc4ce](cotes2020/jekyll-theme-chirpy@befc4ce))
* **dev:** add vscode tasks ([mmistakes#1843](cotes2020/jekyll-theme-chirpy#1843)) ([e4db1a1](cotes2020/jekyll-theme-chirpy@e4db1a1))
* **dev:** support vscode dev-container ([mmistakes#1781](cotes2020/jekyll-theme-chirpy#1781)) ([1e3d4a6](cotes2020/jekyll-theme-chirpy@1e3d4a6))
* **ui:** improve block quote layout ([80bd792](cotes2020/jekyll-theme-chirpy@80bd792))
* **ui:** improve visibility of inline code ([mmistakes#1831](cotes2020/jekyll-theme-chirpy#1831)) ([c876731](cotes2020/jekyll-theme-chirpy@c876731))
* **ui:** make `info-prompt` icon looks like the letter "i" ([mmistakes#1835](cotes2020/jekyll-theme-chirpy#1835)) ([a07a57e](cotes2020/jekyll-theme-chirpy@a07a57e))
* **ui:** set `<kbd>` font to 'Lato' ([64c7262](cotes2020/jekyll-theme-chirpy@64c7262))

### Bug Fixes

* adapt the giscus localization parameter ([mmistakes#1810](cotes2020/jekyll-theme-chirpy#1810)) ([0709854](cotes2020/jekyll-theme-chirpy@0709854))
* avoid caching pageviews data ([mmistakes#1849](cotes2020/jekyll-theme-chirpy#1849)) ([979f86c](cotes2020/jekyll-theme-chirpy@979f86c))
* remove extra dual-mode images from lightbox ([mmistakes#1883](cotes2020/jekyll-theme-chirpy#1883)) ([5c5910f](cotes2020/jekyll-theme-chirpy@5c5910f))
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

2 participants