Pa11y results for "https://www.summerandtodd.com/en/activity/"

Generated at: Thu Jun 19 2025 09:33:28 GMT+0000 (Coordinated Universal Time)

Runners (with issues): htmlcs

Toggle by type 28 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>Activities</spa...</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>Activities</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/activity/summer-todds-christmas-letter/">Read More…<span class="screen-r...</a>

  (selector "#post-479 > 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/activity/christmas-print-color/">Read More…<span class="screen-r...</a>

  (selector "#post-472 > 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/activity/print-and-color-betty/">Read More…<span class="screen-r...</a>

  (selector "#post-133 > 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/activity/print-and-color-summer/">Read More…<span class="screen-r...</a>

  (selector "#post-151 > 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/activity/print-and-color-todd/">Read More…<span class="screen-r...</a>

  (selector "#post-165 > 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/activity/print-and-color-pico/">Read More…<span class="screen-r...</a>

  (selector "#post-171 > 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/activity/print-and-color-the-farm-friends/">Read More…<span class="screen-r...</a>

  (selector "#post-176 > 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/activity/print-and-color-summer-and-todd/">Read More…<span class="screen-r...</a>

  (selector "#post-181 > 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/activity/summers-labyrinth/">Read More…<span class="screen-r...</a>

  (selector "#post-192 > 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/activity/todds-labyrinth/">Read More…<span class="screen-r...</a>

  (selector "#post-197 > 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/activity/bettys-labyrinth/">Read More…<span class="screen-r...</a>

  (selector "#post-202 > 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/activity/fathers-day-printable-letter/">Read More…<span class="screen-r...</a>

  (selector "#post-572 > 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/activity/egg-basket/">Read More…<span class="screen-r...</a>

  (selector "#post-598 > 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/activity/memory-game-di-summer-todd/">Read More…<span class="screen-r...</a>

  (selector "#post-212 > 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/activity/todds-tractor/">Read More…<span class="screen-r...</a>

  (selector "#post-222 > 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/activity/summer-todds-party-flags/">Read More…<span class="screen-r...</a>

  (selector "#post-187 > 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/activity/summer-todd-2023-calendar/">Read More…<span class="screen-r...</a>

  (selector "#post-779 > 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/activity/happy-easter/">Read More…<span class="screen-r...</a>

  (selector "#post-832 > 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/activity/spring-basket/">Read More…<span class="screen-r...</a>

  (selector "#post-837 > 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/activity/summer-activity-book/">Read More…<span class="screen-r...</a>

  (selector "#post-852 > 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/activity/" 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/activity/">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

  _{Summer &amp; Todd Happy Farmer...}

  (selector "#colophon > div > sub")