Page Scan Results:

Divisions

Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. Axe Reference

1. <div class="accordion-heading card-header" role="tab">
   <a class="accordion-toggle d-flex justify-content-between" data-toggle="collapse" href="#_uobo7vcvp"> Emergency Evacuation<i class="material-icons d-flex">keyboard_arrow_down</i></a>
   </div>

   Element selector:

   #_f3dupo9js > .accordionentry.card.card-collapse:nth-child(1) > .accordion-group > .accordion-heading.card-header[role="tab"]
   Failing checks (At least one of these should pass)

   • Element has focusable descendants a[href$="#_uobo7vcvp"]

2. <div class="accordion-heading card-header" role="tab">
   <a class="accordion-toggle d-flex justify-content-between" data-toggle="collapse" href="#_heu8ttk2i"> Responsibilities for Evacuation Arrangements<i class="material-icons d-flex">keyboard_arrow_down</i></a>
   </div>

   Element selector:

   #_f3dupo9js > .accordionentry.card.card-collapse:nth-child(2) > .accordion-group > .accordion-heading.card-header[role="tab"]
   Failing checks (At least one of these should pass)

   • Element has focusable descendants a[href$="#_heu8ttk2i"]

3. <div class="accordion-heading card-header" role="tab">
   <a class="accordion-toggle d-flex justify-content-between" data-toggle="collapse" href="#_ux8jy2jhv"> Evacuation Alternatives<i class="material-icons d-flex">keyboard_arrow_down</i></a>
   </div>

   Element selector:

   #_f3dupo9js > .accordionentry.card.card-collapse:nth-child(3) > .accordion-group > .accordion-heading.card-header[role="tab"]
   Failing checks (At least one of these should pass)

   • Element has focusable descendants a[href$="#_ux8jy2jhv"]

4. <div class="accordion-heading card-header" role="tab">
   <a class="accordion-toggle d-flex justify-content-between" data-toggle="collapse" href="#_j09qnc5nm"> Additional Information<i class="material-icons d-flex">keyboard_arrow_down</i></a>
   </div>

   Element selector:

   #_f3dupo9js > .accordionentry.card.card-collapse:nth-child(4) > .accordion-group > .accordion-heading.card-header[role="tab"]
   Failing checks (At least one of these should pass)

   • Element has focusable descendants a[href$="#_j09qnc5nm"]

5. <div class="accordion-heading card-header" role="tab">
   <a class="accordion-toggle d-flex justify-content-between" data-toggle="collapse" href="#_jbgtm9myc"> Extreme Heat<i class="material-icons d-flex">keyboard_arrow_down</i></a>
   </div>

   Element selector:

   #_5aewttxgp > .accordionentry.card.card-collapse:nth-child(1) > .accordion-group > .accordion-heading.card-header[role="tab"]
   Failing checks (At least one of these should pass)

   • Element has focusable descendants a[href$="#_jbgtm9myc"]

6. <div class="accordion-heading card-header" role="tab">
   <a class="accordion-toggle d-flex justify-content-between" data-toggle="collapse" href="#_1bgtpp2jp"> Extreme Cold/Wind Chills<i class="material-icons d-flex">keyboard_arrow_down</i></a>
   </div>

   Element selector:

   #_5aewttxgp > .accordionentry.card.card-collapse:nth-child(2) > .accordion-group > .accordion-heading.card-header[role="tab"]
   Failing checks (At least one of these should pass)

   • Element has focusable descendants a[href$="#_1bgtpp2jp"]

7. <div class="accordion-heading card-header" role="tab">
   <a class="accordion-toggle d-flex justify-content-between" data-toggle="collapse" href="#_w15gvf7cf"> Winter Weather Essentials<i class="material-icons d-flex">keyboard_arrow_down</i></a>
   </div>

   Element selector:

   #_5aewttxgp > .accordionentry.card.card-collapse:nth-child(3) > .accordion-group > .accordion-heading.card-header[role="tab"]
   Failing checks (At least one of these should pass)

   • Element has focusable descendants a[href$="#_w15gvf7cf"]

8. <div class="accordion-heading card-header" role="tab">
   <a class="accordion-toggle d-flex justify-content-between" data-toggle="collapse" href="#_6g0mavdoy"> Lightning Safety<i class="material-icons d-flex">keyboard_arrow_down</i></a>
   </div>

   Element selector:

   #_5aewttxgp > .accordionentry.card.card-collapse:nth-child(4) > .accordion-group > .accordion-heading.card-header[role="tab"]
   Failing checks (At least one of these should pass)

   • Element has focusable descendants a[href$="#_6g0mavdoy"]

9. <div class="accordion-heading card-header" role="tab">
   <a class="accordion-toggle d-flex justify-content-between" data-toggle="collapse" href="#_r3pn1cv7d"> Earthquake Safety<i class="material-icons d-flex">keyboard_arrow_down</i></a>
   </div>

   Element selector:

   .accordionentry.card.card-collapse:nth-child(5) > .accordion-group > .accordion-heading.card-header[role="tab"]
   Failing checks (At least one of these should pass)

   • Element has focusable descendants a[href$="#_r3pn1cv7d"]

10. <div class="accordion-heading card-header" role="tab">
    <a class="accordion-toggle d-flex justify-content-between" data-toggle="collapse" href="#_zwsqqfpxt"> Severe Weather<i class="material-icons d-flex">keyboard_arrow_down</i></a>
    </div>

    Element selector:

    .accordionentry.card.card-collapse:nth-child(6) > .accordion-group > .accordion-heading.card-header[role="tab"]
    Failing checks (At least one of these should pass)

    • Element has focusable descendants a[href$="#_zwsqqfpxt"]

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

1. <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 has insufficient color contrast of 1.04 (foreground color: #dddddd, background color: #d8d8d8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .cc-window body

2. <a aria-label="dismiss cookie message" role="button" tabindex="0" class="cc-btn cc-dismiss">Close</a>

   Element selector:

   .cc-btn
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.41 (foreground color: #cfcfcf, background color: #f4f4f4, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1 .cc-btn

Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference

1. <a href="mailto:fire@ou.edu">fire@ou.edu</a>

   Element selector:

   li:nth-child(5) > a[href$="mailto:fire@ou.edu"]
   Failing checks (At least one of these should pass)

   • The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d) .text.parbase.section > div > div > ul > li:nth-child(5)
   • The link has no styling (such as underline) to distinguish it from the surrounding text .text.parbase.section > div > div > ul > li:nth-child(5)

2. <a href="https://www.ed.gov/">U.S. Department of Education</a>

   Element selector:

   a[href$="ed.gov/"]
   Failing checks (At least one of these should pass)

   • The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d) .text.parbase.section:nth-child(2) > div > div > p:nth-child(3)
   • The link has no styling (such as underline) to distinguish it from the surrounding text .text.parbase.section:nth-child(2) > div > div > p:nth-child(3)

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

1. <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

2. <a class="skipnav" href="#startcontent" style="font: 0/0 a; text-shadow: none; color: transparent; position:absolute;height:1px;width:1px;">Skip Navigation</a>

   Element selector:

   .skipnav
   Failing checks (At least one of these should pass)

   • Element has a 1:1 contrast ratio with the background body

3. <address class="col small">
   <a href="/content/campussafety"> Department of Campus Safety </a>
   <br>
   160-B Felgar Street, Suite 200<br>
   Norman, OK 73019<br>
   Fax: (405) 325-7238
   </address>

   Element selector:

   address
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient address .footer

4. <a href="/content/campussafety"> Department of Campus Safety </a>

   Element selector:

   address > a[href$="campussafety"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

5. <div class="footerBottom col-md-12 col-sm-12 border-top my-2 p-2 small">

   Element selector:

   .footerBottom
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .footerBottom .footer

6. <a class="nav-link text-capitalize" href="https://www.ou.edu/marcomm/accessstatement">Accessibility</a>

   Element selector:

   .nav-item:nth-child(1) > .text-capitalize.nav-link
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

7. <a class="nav-link text-capitalize" href="https://www.ou.edu/sustainability">Sustainability</a>

   Element selector:

   .nav-item:nth-child(2) > .text-capitalize.nav-link
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

8. <a class="nav-link text-capitalize" href="https://apps.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 because it is overlapped by another element

9. <a class="nav-link text-capitalize" href="https://jobs.ou.edu/">OU Job Search</a>

   Element selector:

   a[href$="jobs.ou.edu/"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

10. <a class="nav-link text-capitalize" href="https://www.ou.edu/web/landing/policy">Policies</a>

    Element selector:

    .nav-item:nth-child(5) > .text-capitalize.nav-link
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

11. <a class="nav-link text-capitalize" href="https://www.ou.edu/web/landing/legalnotices">Legal Notices</a>

    Element selector:

    .nav-item:nth-child(6) > .text-capitalize.nav-link
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

12. <a class="nav-link text-capitalize" href="https://www.ou.edu/marcomm/copyright">Copyright</a>

    Element selector:

    .nav-item:nth-child(7) > .text-capitalize.nav-link
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

13. <a class="nav-link text-capitalize" href="https://www.ou.edu/web/resources_offices">Resources and Offices</a>

    Element selector:

    .nav-item:nth-child(8) > .text-capitalize.nav-link
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

14. <a class="nav-link text-capitalize" href="https://ouregents.ethicspoint.com/">OU Report It!</a>

    Element selector:

    .nav-item:nth-child(9) > .text-capitalize.nav-link
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

15. <a href="/content/campussafety">Department of Campus Safety</a>

    Element selector:

    .footerBottom > a[href$="campussafety"]
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

16. <a href="mailto:CampusSafety@ou.edu">CampusSafety@ou.edu</a>

    Element selector:

    a[href="mailto:CampusSafety@ou.edu"]
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element