Accessibility Report For "https://explorebeaches.msi.ucsb.edu/"

Generated at: Wed Apr 22 2026 17:26:21 GMT+0000 (Coordinated Universal Time)

15 errors 0 warnings 0 notices

• Error: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

  WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2

  <a href="https://explorebeaches.msi.ucsb.edu/"><img alt="" src="https://explor...</a> (select with "#block-block-12 > div > div > p > 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 #499dce.

  WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail

  <h2>Explore Sandy Beach Ecosystems ...</h2> (select with "#block-block-2 > div > div > h2")

• 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.91:1. Recommendation: change text colour to #ca8700.

  WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail

  <a href="https://explorebeaches.msi.ucsb.edu/sandy-beach-life">sandy beach ecosystem</a> (select with "#block-block-2 > div > div > p:nth-child(2) > 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.91:1. Recommendation: change text colour to #ca8700.

  WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail

  <a href="https://explorebeaches.msi.ucsb.edu/sandy-beach-life/sand-movement"> sand movement </a> (select with "#block-block-2 > div > div > p:nth-child(3) > a:nth-child(1)")

• 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.91:1. Recommendation: change text colour to #ca8700.

  WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail

  <a href="https://explorebeaches.msi.ucsb.edu/beach-health/beach-grooming"> beach grooming</a> (select with "#block-block-2 > div > div > p:nth-child(3) > a:nth-child(2)")

• 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.91:1. Recommendation: change text colour to #ca8700.

  WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail

  <a href="https://explorebeaches.msi.ucsb.edu/beach-health/coastal-armoring"> coastal armoring </a> (select with "#block-block-2 > div > div > p:nth-child(3) > a:nth-child(3)")

• 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.91:1. Recommendation: change text colour to #ca8700.

  WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail

  <a href="https://explorebeaches.msi.ucsb.edu/beach-health/beach-nourishment"> nourishment </a> (select with "#block-block-2 > div > div > p:nth-child(3) > a:nth-child(4)")

• 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.91:1. Recommendation: change text colour to #ca8700.

  WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail

  <a href="https://explorebeaches.msi.ucsb.edu/best-practices">best practices</a> (select with "#block-block-2 > div > div > p:nth-child(3) > a:nth-child(5)")

• 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.91:1. Recommendation: change text colour to #ca8700.

  WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail

  <a href="https://explorebeaches.msi.ucsb.edu/best-practices/beach-managers">managers</a> (select with "#block-block-2 > div > div > p:nth-child(3) > a:nth-child(6)")

• 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.91:1. Recommendation: change text colour to #ca8700.

  WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail

  <a href="https://explorebeaches.msi.ucsb.edu/best-practices/planners">city/county planners</a> (select with "#block-block-2 > div > div > p:nth-child(3) > a:nth-child(7)")

• Error: Image submit button missing an alt attribute. Specify a text alternative that describes the button's function, using the alt attribute.

  WCAG2AA.Principle1.Guideline1_1.1_1_1.H36

  <input alt="" class="custom-search-button form-submit" type="image" id="edit-submit" name="op" src="https://explorebeaches.msi.ucsb.edu/sites/default/files/custom_search/magnifysearch-wht_0.png"> (select with "#edit-submit")

• Error: This imageinput element does not have a name available to an accessibility API. Valid names are: alt , title , aria-label , aria-labelledby .

  WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputImage.Name

  <input alt="" class="custom-search-button form-submit" type="image" id="edit-submit" name="op" src="https://explorebeaches.msi.ucsb.edu/sites/default/files/custom_search/magnifysearch-wht_0.png"> (select with "#edit-submit")

• Error: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

  WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Button.Name

  <button type="button" id="cboxPrevious"></button> (select with "#cboxPrevious")

• Error: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

  WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Button.Name

  <button type="button" id="cboxNext"></button> (select with "#cboxNext")

• Error: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

  WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Button.Name

  <button type="button" id="cboxSlideshow"></button> (select with "#cboxSlideshow")