Accessibility Report For "https://schoolclimatehazards.grit.ucsb.edu/"

Generated at: Thu Apr 23 2026 12:36:10 GMT+0000 (Coordinated Universal Time)

6 errors 0 warnings 0 notices

Error: The html element should have a lang or xml:lang attribute which describes the language of the document.

WCAG2AA.Principle3.Guideline3_1.3_1_1.H57.2
```
<html class="" style="height: auto;"><head>
  <meta http-equiv="Cont...</html> (select with "html")
```
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 2.61:1. Recommendation: change background to #a86700.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
```
<span class="logo">CA Schools Climate Hazards</span> (select with "html > body > div:nth-child(1) > header > span")
```
Error: This link points to a named anchor "shiny-tab-hazards" within the document, but no anchor exists with that name.

WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID
```
<a href="#shiny-tab-hazards">
              <i class="fas fa...</a> (select with "#sidebarItemExpanded > ul > li:nth-child(3) > a")
```

Error: Align attributes .

WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.AlignAttr

<p align="center">
<img src="icons_hazards.png" a...</p> (select with "#welcome > div > div > div > div > p:nth-child(4)")

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

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Select.Name
```
<select id="city" class="shiny-input-select selectized shiny-bound-input" tabindex="-1" style="display: none;">






























...</select> (select with "#city")
```
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.

WCAG2AA.Principle1.Guideline1_3.1_3_1.F68
```
<select id="city" class="shiny-input-select selectized shiny-bound-input" tabindex="-1" style="display: none;">






























...</select> (select with "#city")
```