connor-baer/summer

Accessibility errors found in your template

wapyce-bot opened this issue · 0 comments

wapyce-bot commented

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

  • Page https://madebyconnor.github.io/summer/:
    • Issue 1a1b488c-8d0e-4a47-8903-cf9222c7f5f9:
      • 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.3:1. Recommendation: change text colour to #73777b.
      • Selector: html > body > div > footer > div > h6 > a
      • Context: <a href="https://twitter.com/connor_baer" aria-label="Follow Connor Bär on Twitter.">Connor Bär</a>
    • Issue aeeed3b1-4be1-4e97-b8a2-23c2bf135982:
      • 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.3:1. Recommendation: change text colour to #73777b.
      • Selector: html > body > div > footer > div > h6
      • Context: <h6 class="footer-text">© 2017 <a href="https://twitter...</h6>
    • Issue cfcdcb20-6888-41f5-a9fd-defb7efe2666:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: html > body > div > footer > div > div:nth-child(2) > div:nth-child(2) > nav > ul > li:nth-child(3) > a
      • Context: <a href="https://connorbaer.co/food" target="_blank" rel="noopener noreferrer" aria-label="Food">Eating</a>
    • Issue 0a466e87-ad3a-4821-8f19-c3cdc7fa524a:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: html > body > div > footer > div > div:nth-child(2) > div:nth-child(2) > nav > ul > li:nth-child(2) > a
      • Context: <a href="https://connorbaer.co/blog" target="_blank" rel="noopener noreferrer" aria-label="Blog">Writing</a>
    • Issue 17b3d424-84ce-4686-a221-125435fef651:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: html > body > div > footer > div > div:nth-child(2) > div:nth-child(2) > nav > ul > li:nth-child(1) > a
      • Context: <a href="https://connorbaer.co/work" target="_blank" rel="noopener noreferrer" aria-label="Work">Creating</a>
    • Issue 9d253c32-321c-4615-ac4d-24bd996714b6:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: html > body > div > footer > div > div:nth-child(2) > div:nth-child(1) > nav > ul > li:nth-child(3) > a
      • Context: <a href="https://github.com/madebyconnor/summer/archive/gh-pages.zip" aria-label="Download">Download</a>
    • Issue 6ddc0cad-aa15-4068-b517-750ebff851c4:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: html > body > div > footer > div > div:nth-child(2) > div:nth-child(1) > nav > ul > li:nth-child(2) > a
      • Context: <a href="https://github.com/madebyconnor/summer" aria-label="GitHub">GitHub</a>
    • Issue a09c7778-427d-464b-94fd-1770d05de99d:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: html > body > div > footer > div > div:nth-child(2) > div:nth-child(1) > nav > ul > li:nth-child(1) > a
      • Context: <a class="" href="/summer/about/" aria-label="About">About</a>
    • Issue 0d976b2f-141a-473a-aa15-640c1c229fd0:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: #js-list > ul > li:nth-child(5) > article > a > div:nth-child(2) > div > span:nth-child(2) > span
      • Context: <span class="tags">cookies, sweet, christmas, vege...</span>
    • Issue f714a833-86d5-424d-aae4-ed0307876161:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: #js-list > ul > li:nth-child(5) > article > a > div:nth-child(2) > div > span:nth-child(1) > span
      • Context: <span class="duration">60</span>
    • Issue 7622939c-8d8c-49ee-81da-30e46c2f9d61:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: #js-list > ul > li:nth-child(5) > article > a > div:nth-child(2) > div > span:nth-child(1)
      • Context: <span class="meta-text"><svg class="meta-svg" xmlns="ht...</span>
    • Issue a004559f-f543-44a7-87a0-02e3a5fbd622:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: #js-list > ul > li:nth-child(4) > article > a > div:nth-child(2) > div > span:nth-child(2) > span
      • Context: <span class="tags">fish, burger</span>
    • Issue c26c4006-932e-43f8-86ab-23aceea277e5:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: #js-list > ul > li:nth-child(4) > article > a > div:nth-child(2) > div > span:nth-child(1) > span
      • Context: <span class="duration">45</span>
    • Issue 77bde843-e995-4ee7-a098-6c9963e9882a:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: #js-list > ul > li:nth-child(4) > article > a > div:nth-child(2) > div > span:nth-child(1)
      • Context: <span class="meta-text"><svg class="meta-svg" xmlns="ht...</span>
    • Issue 187e54e3-b511-4611-b699-6dcb6001d497:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: #js-list > ul > li:nth-child(3) > article > a > div:nth-child(2) > div > span:nth-child(2) > span
      • Context: <span class="tags">salad, fruit, vegetarian, fresh</span>
    • Issue ccfe7547-339a-4908-93a4-cb0fa6a10d0c:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: #js-list > ul > li:nth-child(3) > article > a > div:nth-child(2) > div > span:nth-child(1) > span
      • Context: <span class="duration">10</span>
    • Issue 3d2e576d-5ab0-4722-a039-8099b5c68964:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: #js-list > ul > li:nth-child(3) > article > a > div:nth-child(2) > div > span:nth-child(1)
      • Context: <span class="meta-text"><svg class="meta-svg" xmlns="ht...</span>
    • Issue 5f2dc607-6347-4a10-9fd5-57687f886c62:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: #js-list > ul > li:nth-child(2) > article > a > div:nth-child(2) > div > span:nth-child(2) > span
      • Context: <span class="tags">jam, sweet, vegetarian</span>
    • Issue d8e104f7-722c-4748-bdd8-9f06bd2d93d5:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: #js-list > ul > li:nth-child(2) > article > a > div:nth-child(2) > div > span:nth-child(1) > span
      • Context: <span class="duration">25</span>
    • Issue 5e7b76c9-5396-4e27-a5b9-651a3756895d:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: #js-list > ul > li:nth-child(2) > article > a > div:nth-child(2) > div > span:nth-child(1)
      • Context: <span class="meta-text"><svg class="meta-svg" xmlns="ht...</span>
    • Issue 8e40ef3d-10af-430e-9f1a-ab34fea05900:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: #js-list > ul > li:nth-child(1) > article > a > div:nth-child(2) > div > span:nth-child(2) > span
      • Context: <span class="tags">cold, fruit, vegetarian, alcoho...</span>
    • Issue 3d5dd3d4-1920-4a1a-b99e-4cee8520331f:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: #js-list > ul > li:nth-child(1) > article > a > div:nth-child(2) > div > span:nth-child(1) > span
      • Context: <span class="duration">10</span>
    • Issue cc02658f-50b6-4131-b8d8-c09b0deffc35:
      • 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.32:1. Recommendation: change text colour to #6f777f.
      • Selector: #js-list > ul > li:nth-child(1) > article > a > div:nth-child(2) > div > span:nth-child(1)
      • Context: <span class="meta-text"><svg class="meta-svg" xmlns="ht...</span>
    • Issue 51ee5d7b-e0ea-4de6-a55f-f0d291686ab5:
      • 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.32:1. Recommendation: change background to #6f777f.
      • Selector: #js-list > form > fieldset:nth-child(5) > label:nth-child(3) > span
      • Context: <span class="searchbar-button">Latin American</span>
    • Issue 3b0a8a35-edfb-4a5e-9a40-549e832df4cd:
      • 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.32:1. Recommendation: change background to #6f777f.
      • Selector: #js-list > form > fieldset:nth-child(5) > label:nth-child(2) > span
      • Context: <span class="searchbar-button">Italian</span>
    • Issue af4d5ce6-3dba-493b-ab9f-9d9c7e91cdcb:
      • 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.32:1. Recommendation: change background to #6f777f.
      • Selector: #js-list > form > fieldset:nth-child(5) > label:nth-child(1) > span
      • Context: <span class="searchbar-button">Asian</span>
    • Issue e19d52b1-a364-412c-86a3-294b7225d898:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H71.NoLegend
      • Message: Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.
      • Selector: #js-list > form > fieldset:nth-child(5)
      • Context: <fieldset class="searchbar-group"> <label for="asian"> <input cla...</fieldset>
    • Issue 2531e41f-5ff3-444e-9932-e5355855c6a9:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Fieldset.Name
      • Message: This fieldset element does not have a name available to an accessibility API. Valid names are: legend element, aria-label undefined, aria-labelledby undefined.
      • Selector: #js-list > form > fieldset:nth-child(5)
      • Context: <fieldset class="searchbar-group"> <label for="asian"> <input cla...</fieldset>
    • Issue b6f0455d-5c99-48fb-a14e-51b483f549e4:
      • 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.32:1. Recommendation: change background to #6f777f.
      • Selector: #js-list > form > fieldset:nth-child(4) > label:nth-child(3) > span
      • Context: <span class="searchbar-button">Fish</span>
    • Issue e3fe4023-2707-402c-98db-63004c5d1534:
      • 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.32:1. Recommendation: change background to #6f777f.
      • Selector: #js-list > form > fieldset:nth-child(4) > label:nth-child(2) > span
      • Context: <span class="searchbar-button">Meat</span>
    • Issue 9e547fff-c918-43c2-a15b-202643352ec8:
      • 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.32:1. Recommendation: change background to #6f777f.
      • Selector: #js-list > form > fieldset:nth-child(4) > label:nth-child(1) > span
      • Context: <span class="searchbar-button">Vegetarian</span>
    • Issue 1619d8ee-aee4-4b17-9b46-2b8b2838f89b:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H71.NoLegend
      • Message: Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.
      • Selector: #js-list > form > fieldset:nth-child(4)
      • Context: <fieldset class="searchbar-group"> <label for="vegetarian"> <inpu...</fieldset>
    • Issue 9559723d-f3a5-475e-bc9b-fe6703dccd3f:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Fieldset.Name
      • Message: This fieldset element does not have a name available to an accessibility API. Valid names are: legend element, aria-label undefined, aria-labelledby undefined.
      • Selector: #js-list > form > fieldset:nth-child(4)
      • Context: <fieldset class="searchbar-group"> <label for="vegetarian"> <inpu...</fieldset>
    • Issue 58ed84a9-c3cc-4654-97bb-84e833890f8f:
      • 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.32:1. Recommendation: change background to #6f777f.
      • Selector: #js-list > form > fieldset:nth-child(3) > label > span
      • Context: <span class="searchbar-button">20 minutes</span>
    • Issue 2264a2f0-dc4c-4d6b-8c88-9b414f9f9e87:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H71.NoLegend
      • Message: Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.
      • Selector: #js-list > form > fieldset:nth-child(3)
      • Context: <fieldset class="searchbar-group"> <label for="twenty-minutes"> <...</fieldset>
    • Issue 900bbcd3-0c47-4393-96a4-dd1c50d339d8:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Fieldset.Name
      • Message: This fieldset element does not have a name available to an accessibility API. Valid names are: legend element, aria-label undefined, aria-labelledby undefined.
      • Selector: #js-list > form > fieldset:nth-child(3)
      • Context: <fieldset class="searchbar-group"> <label for="twenty-minutes"> <...</fieldset>
    • Issue e669b5c5-a27d-41f8-92d5-8c269af500d8:
      • 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.32:1. Recommendation: change background to #6f777f.
      • Selector: #js-list > form > fieldset:nth-child(2) > label:nth-child(4) > span
      • Context: <span class="searchbar-button">Snacks</span>
    • Issue ba899a9a-17c0-4834-a2f8-1b61ec60b2fd:
      • 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.32:1. Recommendation: change background to #6f777f.
      • Selector: #js-list > form > fieldset:nth-child(2) > label:nth-child(3) > span
      • Context: <span class="searchbar-button">Dinner</span>
    • Issue 2e431b90-2d80-4e98-9e15-8c211dea5aea:
      • 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.32:1. Recommendation: change background to #6f777f.
      • Selector: #js-list > form > fieldset:nth-child(2) > label:nth-child(2) > span
      • Context: <span class="searchbar-button">Lunch</span>
    • Issue 4d351226-b553-4dbe-a78d-71e83220e615:
      • 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.32:1. Recommendation: change background to #6f777f.
      • Selector: #js-list > form > fieldset:nth-child(2) > label:nth-child(1) > span
      • Context: <span class="searchbar-button">Breakfast</span>
    • Issue b257c160-dc0c-4c07-af50-789c93063d70:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H71.NoLegend
      • Message: Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.
      • Selector: #js-list > form > fieldset:nth-child(2)
      • Context: <fieldset class="searchbar-group"> <label for="breakfast"> <input...</fieldset>
    • Issue a1fe6bfa-edf0-4221-882a-badfcd10753f:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Fieldset.Name
      • Message: This fieldset element does not have a name available to an accessibility API. Valid names are: legend element, aria-label undefined, aria-labelledby undefined.
      • Selector: #js-list > form > fieldset:nth-child(2)
      • Context: <fieldset class="searchbar-group"> <label for="breakfast"> <input...</fieldset>
    • Issue 4a25a1b8-507f-4bea-89d5-0376c5f3e8bc:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H71.NoLegend
      • Message: Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.
      • Selector: #js-list > form > fieldset:nth-child(1)
      • Context: <fieldset class="searchbar-group"> <label class="searchbar-search...</fieldset>
    • Issue 6f939b09-3f73-46ff-b486-10d730f3ccdd:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Fieldset.Name
      • Message: This fieldset element does not have a name available to an accessibility API. Valid names are: legend element, aria-label undefined, aria-labelledby undefined.
      • Selector: #js-list > form > fieldset:nth-child(1)
      • Context: <fieldset class="searchbar-group"> <label class="searchbar-search...</fieldset>
    • Issue 57705b9f-07ed-481a-83e3-37352c529ede:
      • Type: Error
      • Code: WCAG2AA.Principle3.Guideline3_2.3_2_2.H32.2
      • Message: This form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.
      • Selector: #js-list > form
      • Context: <form class="searchbar"> <fieldset class="searchbar-gro...</form>
    • Issue 08d44ac6-8274-42c1-bd8f-4a34534d8e45:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
      • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #949494.
      • Selector: html > body > div > div > div:nth-child(1) > header > a > h1
      • Context: <h1 class="hero-title">A simple Jekyll theme with a ph...</h1>
    • Issue 46dc5c33-b9b2-4c0b-ac30-93c3708dd8a2:
      • 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 #767676.
      • Selector: #js-metabarNav > ul > li:nth-child(3) > a
      • Context: <a href="https://github.com/madebyconnor/summer/archive/gh-pages.zip" aria-label="Download">Download</a>
    • Issue c1089422-9bfe-4c8f-b37b-478d1138b3a1:
      • 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 #767676.
      • Selector: #js-metabarNav > ul > li:nth-child(2) > a
      • Context: <a href="https://github.com/madebyconnor/summer" aria-label="GitHub">GitHub</a>
    • Issue 364266dc-e5c3-4384-bcbc-f159ad555138:
      • 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 #767676.
      • Selector: #js-metabarNav > ul > li:nth-child(1) > a
      • Context: <a class="" href="/summer/about/" aria-label="About">About</a>
    • Issue 2d29fb1c-2c28-41aa-98e6-8eafee5d78de:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
      • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #949494.
      • Selector: #metabar > div > div:nth-child(1) > a:nth-child(3)
      • Context: <a class="metabar-title" href="https://madebyconnor.github.io/summer#" data-scroll="" aria-label="Visit the homepage." title="Visit the homepage.">Summer</a>

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