Page Scan Results:

Current Weather

https://www.ou.edu/nwc/current-weather Scanned Sep. 17, 2023 at 8:38 PM

Known Issues - These "violations" have been flagged as problematic by Axe, our accessibility scanner. Axe's "no false positives" philosophy means that if it's shown here, it's likely a problem to someone.

Known Issues Summary

<li> elements must be contained in a <ul> or <ol>: 10
<ul> and <ol> must only directly contain <li>, <script> or <template> elements: 1

Known Issues on This Page

<li> elements must be contained in a <ul> or <ol>

serious

Ensures <li> elements are used semantically. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1

```
<li><a href="/marcomm/accessstatement.html">Accessibility</a></li>
```
Element selector:
.first > li:nth-child(1)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="http://www.ou.edu/sustainability.html">Sustainability</a></li>
```
Element selector:
.first > li:nth-child(2)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="http://ouhsc.edu/hipaa/">HIPAA</a></li>
```
Element selector:
.first > li:nth-child(3)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="http://hr.ou.edu/jobs/">OU Job Search</a></li>
```
Element selector:
.first > li:nth-child(4)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="https://ou.edu/accreditation">Accreditation</a></li>
```
Element selector:
.first > li:nth-child(5)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="/resources/policies.html">Policies</a></li>
```
Element selector:
.last > li:nth-child(1)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="/resources/legal-notices.html">Legal Notices</a></li>
```
Element selector:
.last > li:nth-child(2)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="/marcomm/copyright.html">Copyright</a></li>
```
Element selector:
.last > li:nth-child(3)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="/resources/colleges-and-departments.html">Resources &amp; Offices</a></li>
```
Element selector:
.last > li:nth-child(4)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="https://ouregents.ethicspoint.com">OU Report It!</a></li>
```
Element selector:
.last > li:nth-child(5)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

serious

Ensures that lists are structured correctly. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1

```
<ul class="2columns unstyled">
```
Element selector:
.\32 columns
Failing checks (All of these should pass)
- List element has direct children that are not allowed: div, br .first .last .\32 columns > br

Needs Review - These "incomplete" issues may be problematic, but couldn't be completely tested automatically. They should be reviewed by a real person.

Needs Review Summary

Elements must meet minimum color contrast ratio thresholds: 44

Needs Review on This Page

Elements must meet minimum color contrast ratio thresholds

serious

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

Rule type: WCAG 2.0 AA, WCAG SC 1.4.3, EN-301-549, EN-9.1.4.3, ACT

```
<span id="cookieconsent:desc" class="cc-message">
```
Element selector:
#cookieconsent\:desc
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it partially overlaps other elements

<a aria-label="learn more about cookies" role="button" tabindex="0" class="cc-link" href="https://www.ou.edu/marcomm/web-policies/privacypolicy" rel="noopener noreferrer nofollow" target="_blank">Learn more</a>

Element selector:

.cc-link

Failing checks (At least one of these should pass)

Element's background color could not be determined because it's partially obscured by another element .cc-window .quicklinks

```
<a href="/nwc.html">Home</a>
```
Element selector:
li:nth-child(1) > a[href$="nwc.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/nwc/partners.html">Partners</a>
```
Element selector:
a[href$="partners.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/nwc/news.html">News</a>
```
Element selector:
a[href$="news.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/nwc/visit.html">Visit</a>
```
Element selector:
a[href$="visit.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/nwc/learn.html">Education &amp; Outreach</a>
```
Element selector:
a[href$="learn.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/nwc/library.html">Library</a>
```
Element selector:
a[href$="library.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/nwc/nwf.html">National Weather Festival</a>
```
Element selector:
a[href$="nwf.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/nwc/events.html">Events</a>
```
Element selector:
a[href$="events.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/nwc/current-weather.html">Current Weather</a>
```
Element selector:
a[href$="current-weather.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/nwc/contact.html">Contact</a>
```
Element selector:
a[href$="contact.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<h4 class="h4update">Quicklinks</h4>
```
Element selector:
h4
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/content/dam/national-weather-center/docs/nwc-protocol-2019.pdf"><i class="icon-studentlife"></i>NWC Protocol (PDF)</a>
```
Element selector:
.quicklinks > ul > li:nth-child(1) > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/nwc/visit/tours.html"><i class="icon-contact"></i>Virtual Tour</a>
```
Element selector:
a[href$="tours.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/nwc/learn/resources.html"><i class="icon-resources"></i>Educational Resources</a>
```
Element selector:
a[href$="resources.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="http://meteorology.ou.edu/"><i class="icon-gradcap"></i>OU's School of Meteorology</a>
```
Element selector:
a[href$="meteorology.ou.edu/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="https://www.noaa.gov/"><i class="icon-info"></i>NOAA</a>
```
Element selector:
a[href$="noaa.gov/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="https://intranet.nwc.ou.edu/"><i class="icon-apply"></i>NWC Intranet</a>
```
Element selector:
a[href$="intranet.nwc.ou.edu/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<label>Current Weather</label>
```
Element selector:
label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="#advisories">NOAA NWS Advisories</a>
```
Element selector:
a[href$="#advisories"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="#outlook">NOAA SPC Day 1 Outlook</a>
```
Element selector:
a[href$="#outlook"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="#mesonet">Oklahoma Mesonet</a>
```
Element selector:
a[href$="#mesonet"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="http://www.weather.gov/">NOAA NWS Advisories</a>
```
Element selector:
h3 > a[href$="weather.gov/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="#top">^ Back to top</a>
```
Element selector:
.text.parbase.section:nth-child(7) > div > div > p:nth-child(3) > a[href$="#top"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="http://www.spc.noaa.gov/products/outlook/">NOAA SPC Day 1 Outlook</a>
```
Element selector:
#outlook > div > h3 > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="#top">^ Back to top</a>
```
Element selector:
.text.parbase.section:nth-child(10) > div > div > p:nth-child(3) > a[href$="#top"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="http://www.mesonet.org/index.php/forecast/local_and_regional">Oklahoma Mesonet</a>
```
Element selector:
#mesonet > div > h3 > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="#top">^ Back to top</a>
```
Element selector:
.text.parbase.section:nth-child(13) > div > div > p:nth-child(3) > a[href$="#top"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<div class="footeraddress"><a href="#">National Weather Center</a><br>120 David L. Boren Blvd.<br>
Norman, OK 73072</div>
```
Element selector:
.footeraddress
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="#">National Weather Center</a>
```
Element selector:
.footeraddress > a[href="#"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="/marcomm/accessstatement.html">Accessibility</a>
```
Element selector:
a[href$="accessstatement.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="http://www.ou.edu/sustainability.html">Sustainability</a>
```
Element selector:
.first > li:nth-child(2) > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="http://ouhsc.edu/hipaa/">HIPAA</a>
```
Element selector:
a[href$="hipaa/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="http://hr.ou.edu/jobs/">OU Job Search</a>
```
Element selector:
a[href$="jobs/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="https://ou.edu/accreditation">Accreditation</a>
```
Element selector:
a[href$="accreditation"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="/resources/policies.html">Policies</a>
```
Element selector:
a[href$="policies.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="/resources/legal-notices.html">Legal Notices</a>
```
Element selector:
a[href$="legal-notices.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="/marcomm/copyright.html">Copyright</a>
```
Element selector:
a[href$="copyright.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="/resources/colleges-and-departments.html">Resources &amp; Offices</a>
```
Element selector:
.last > li:nth-child(4) > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="https://ouregents.ethicspoint.com">OU Report It!</a>
```
Element selector:
.last > li:nth-child(5) > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer

<div class="footerBottom span12">
<div><div>

</div>


</div>
Updated 10/15/2020 by <a href="#">National Weather Center</a>: <a href="mailto:ags@ou.edu">ags@ou.edu</a>
</div>

Element selector:

.footerBottom

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image #footer

```
<a href="#">National Weather Center</a>
```
Element selector:
.footerBottom > a[href="#"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="mailto:ags@ou.edu">ags@ou.edu</a>
```
Element selector:
a[href$="mailto:ags@ou.edu"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer

Page Scan Results: Current Weather

Known Issues Summary

Known Issues on This Page

<li> elements must be contained in a <ul> or <ol>

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

Needs Review Summary

Needs Review on This Page

Elements must meet minimum color contrast ratio thresholds

Page Scan Results:

Current Weather