Page Scan Results:

Incoming Class

Ensures ARIA attributes are not prohibited for an element's role. Axe Reference

1. <div class="dropdown-menu dropright overflow-hidden menu-items-3" aria-labelledby="navigation-academics-&amp;-majors-">

   Element selector:

   div[aria-labelledby="navigation-academics-&-majors-"]
   Failing checks (All of these should pass)

   • aria-labelledby attribute cannot be used on a div with no valid role attribute.

2. <div class="dropdown-menu dropright overflow-hidden menu-items-6" aria-labelledby="navigation-life-at-ou">

   Element selector:

   div[aria-labelledby="navigation-life-at-ou"]
   Failing checks (All of these should pass)

   • aria-labelledby attribute cannot be used on a div with no valid role attribute.

3. <div class="dropdown-menu dropright overflow-hidden menu-items-6" aria-labelledby="navigation-cost-&amp;-aid">

   Element selector:

   div[aria-labelledby="navigation-cost-&-aid"]
   Failing checks (All of these should pass)

   • aria-labelledby attribute cannot be used on a div with no valid role attribute.

4. <div class="dropdown-menu dropright overflow-hidden menu-items-7" aria-labelledby="navigation-visit-&amp;-events">

   Element selector:

   .menu-items-7
   Failing checks (All of these should pass)

   • aria-labelledby attribute cannot be used on a div with no valid role attribute.

5. <div class="dropdown-menu dropright overflow-hidden menu-items-2" aria-labelledby="navigation-virtual-resources">

   Element selector:

   .menu-items-2
   Failing checks (All of these should pass)

   • aria-labelledby attribute cannot be used on a div with no valid role attribute.

6. <div class="dropdown-menu dropright overflow-hidden menu-items-5" aria-labelledby="navigation-admitted">

   Element selector:

   .menu-items-5
   Failing checks (All of these should pass)

   • aria-labelledby attribute cannot be used on a div with no valid role attribute.

7. <div class="dropdown-menu dropright overflow-hidden menu-items-3" aria-labelledby="navigation-contact">

   Element selector:

   div[aria-labelledby="navigation-contact"]
   Failing checks (All of these should pass)

   • aria-labelledby attribute cannot be used on a div with no valid role attribute.

Ensures <iframe> and <frame> elements have an accessible name. Axe Reference

1. <iframe width="100%" height="100%" src="https://www.youtube.com/embed/ojuFm88AUBY?rel=0&amp;showinfo=0&amp;controls=1&amp;autohide=1&amp;modestbranding=1" alt="Youtube video placeholder image" frameborder="0" allow="autoplay; encrypted-media; fullscreen" allowfullscreen=""></iframe>

   Element selector:

   iframe[width="100%"]
   Failing checks (At least one of these should pass)

   • Element has no title attribute
   • aria-label attribute does not exist or is empty
   • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
   • Element's default semantics were not overridden with role="none" or role="presentation"

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. <input class="form-control form-control-sm ml-3" type="text" placeholder="Search Admissions" aria-label="Search Admissions">

   Element selector:

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

   • Element's background color could not be determined due to a background image input

3. <address class="col small">
   <a href="/content/admissions"> Admissions &amp; Recruitment </a>
   <br>
   550 Parrington Oval<br>
   Norman, OK 73019<br>
   (405) 325-2151
   </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/admissions"> Admissions &amp; Recruitment </a>

   Element selector:

   address > a[href$="admissions"]
   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:

   li: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:

   li: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:

    li: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:

    li: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:

    li: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:

    li: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:

    li: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/admissions">Admissions &amp; Recruitment</a>

    Element selector:

    .footerBottom > a[href$="admissions"]
    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:admissions@ou.edu">admissions@ou.edu</a>

    Element selector:

    a[href$="mailto:admissions@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

Ensures <video> elements have captions. Axe Reference

1. <video class="mw-100 video-banner" preload="preload" poster=" https://simiancraft.github.io/ou-material-kit/public/background-video/background_poster.jpg" id="video" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">

   Element selector:

   #video
   Failing checks (All of these should pass)

   • Check that captions is available for the element