Pa11y results for "https://www.summerandtodd.com/en/video/"
Generated at: Thu Jun 19 2025 09:33:28 GMT+0000 (Coordinated Universal Time)
Runners (with issues): htmlcs
Toggle by type 14 errors 0 warnings 0 notices
-
Error: 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.77:1. Recommendation: change text colour to #00496d.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<a class="skip-link sr-only sr-only-focusable" href="#content">Skip to content</a>
(selector "#wrapper-navbar > a")
-
Error: 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.89:1. Recommendation: change text colour to #c20000.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
<h1 class="page-title">Archives: <span>Videos</span></h1>
(selector "#main > header > h1")
-
Error: 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.89:1. Recommendation: change text colour to #c20000.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
<span>Videos</span>
(selector "#main > header > h1 > span")
-
Error: 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:1. Recommendation: change background to #e00.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<a class="btn btn-secondary understrap-read-more-link" href="https://www.summerandtodd.com/en/video/giant-broccoli-%f0%9f%a5%a6/">Read More…<span class="screen-r...</a>
(selector "#post-803 > div > p:nth-child(2) > a")
-
Error: 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:1. Recommendation: change background to #e00.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<a class="btn btn-secondary understrap-read-more-link" href="https://www.summerandtodd.com/en/video/from-wheat-to-bread-%f0%9f%8c%bd/">Read More…<span class="screen-r...</a>
(selector "#post-799 > div > p:nth-child(2) > a")
-
Error: 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:1. Recommendation: change background to #e00.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<a class="btn btn-secondary understrap-read-more-link" href="https://www.summerandtodd.com/en/video/its-raining-olives-%f0%9f%8c%bf/">Read More…<span class="screen-r...</a>
(selector "#post-795 > div > p:nth-child(2) > a")
-
Error: 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:1. Recommendation: change background to #e00.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<a class="btn btn-secondary understrap-read-more-link" href="https://www.summerandtodd.com/en/video/dont-wake-bully-up/">Read More…<span class="screen-r...</a>
(selector "#post-791 > div > p:nth-child(2) > a")
-
Error: 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:1. Recommendation: change background to #e00.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<a class="btn btn-secondary understrap-read-more-link" href="https://www.summerandtodd.com/en/video/full-song-%f0%9f%8e%b5/">Read More…<span class="screen-r...</a>
(selector "#post-787 > div > p:nth-child(2) > a")
-
Error: 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:1. Recommendation: change background to #e00.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<a class="btn btn-secondary understrap-read-more-link" href="https://www.summerandtodd.com/en/video/trailer-ufficiale/">Read More…<span class="screen-r...</a>
(selector "#post-243 > div > p:nth-child(2) > a")
-
Error: This select element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.
htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Select.Name
<select class="msls_languages"><option value="https://www.summ...</select>
(selector "#block-7 > div > select")
-
Error: 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.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.F68
<select class="msls_languages"><option value="https://www.summ...</select>
(selector "#block-7 > div > select")
-
Error: 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.75:1. Recommendation: change background to #007dbb.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<option value="https://www.summerandtodd.com/en/video/" selected="selected">English</option>
(selector "#block-7 > div > select > option:nth-child(1)")
-
Error: 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.75:1. Recommendation: change background to #007dbb.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<option value="https://www.summerandtodd.com/it/video/">Italiano</option>
(selector "#block-7 > div > select > option:nth-child(2)")
-
Error: 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.27:1. Recommendation: change background to #e1302f.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<sub> Summer & Todd Happy Farmer...</sub>
(selector "#colophon > div > sub")