Page Scan Results:
(No H1 element on page)
https://utulsa.edu/
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
Known Issues on This Page
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<h2 class="widget-title">Colleges</h2>Element selector:.medium-8 > .widget-titleFailing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.37 (foreground color: #8c8c89, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1
body
-
Element has insufficient color contrast of 3.37 (foreground color: #8c8c89, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1
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 on This Page
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<h2>Stand out. Belong.</h2>Element selector:.ut_video-hero__content > h2Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.ut_video-hero
-
Element's background color could not be determined due to a pseudo element
-
<button class="button button--dropdown hide-for-large" type="button" data-toggle="ut_user-menu-nav" aria-controls="ut_user-menu-nav" data-is-focus="false" data-yeti-box="ut_user-menu-nav" aria-haspopup="true" aria-expanded="false" id="mwgmj0-dd-anchor">Info For...</button>Element selector:#mwgmj0-dd-anchorFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.ut_video-hero
-
Element's background color could not be determined due to a pseudo element
-
<input class="typeahead ut_overlap-field-group__field tt-hint" value="" type="search" aria-label="search" readonly="" autocomplete="off" spellcheck="false" tabindex="-1" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);" dir="ltr">Element selector:.tt-hintFailing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<h2 class="tabbed-slider__main-heading">SUPPORT. SERVICE. SUCCESS.</h2>Element selector:.tabbed-slider__main-headingFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.tabbed-slider
-
Element's background color could not be determined due to a pseudo element
-
<li class="splide__slide is-active is-visible" id="splide02-slide01" role="button" aria-label="Go to slide 1" aria-controls="splide01-slide01" aria-current="true" tabindex="0">Job Placement </li>Element selector:#splide02-slide01Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
#splide02-track
-
Element's background color could not be determined due to a pseudo element
-
<li class="splide__slide is-visible is-next" id="splide02-slide02" role="button" aria-label="Go to slide 2" aria-controls="splide01-slide02" tabindex="0">Advising & Coaching</li>Element selector:#splide02-slide02Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
#splide02-track
-
Element's background color could not be determined due to a pseudo element
-
<li class="splide__slide" id="splide02-slide03" role="button" aria-label="Go to slide 3" aria-controls="splide01-slide03" aria-hidden="true" tabindex="-1">Student Life</li>Element selector:#splide02-slide03Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
#splide02-track
-
Element's background color could not be determined due to a pseudo element
-
<h2>TU is so confident in its outcomes, they're guaranteed.</h2>Element selector:#splide01-slide01 > .ut_feature-row--flip.ut_feature-row--swap-content-and-image.ut_feature-row > .ut_feature-row__content > h2Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
#splide01-slide01 > .ut_feature-row--flip.ut_feature-row--swap-content-and-image.ut_feature-row > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
-
<p class="hide-for-small-only">Element selector:#splide01-slide01 > .ut_feature-row--flip.ut_feature-row--swap-content-and-image.ut_feature-row > .ut_feature-row__content > .hide-for-small-onlyFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
#splide01-slide01 > .ut_feature-row--flip.ut_feature-row--swap-content-and-image.ut_feature-row > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
-
<a href="https://utulsa.edu/canecareers/job-placement-guarantee/" class="button button--yellow"> Job Placement Guarantee</a>Element selector:#splide01-slide01 > .ut_feature-row--flip.ut_feature-row--swap-content-and-image.ut_feature-row > .ut_feature-row__content > .ut_feature-row__buttons > .button--yellow.button:nth-child(1)Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
#splide01-slide01 > .ut_feature-row--flip.ut_feature-row--swap-content-and-image.ut_feature-row > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
-
<a href="https://utulsa.edu/canecareers/" class="button button--yellow"> CaneCareers</a>Element selector:#splide01-slide01 > .ut_feature-row--flip.ut_feature-row--swap-content-and-image.ut_feature-row > .ut_feature-row__content > .ut_feature-row__buttons > .button--yellow.button:nth-child(2)Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
#splide01-slide01 > .ut_feature-row--flip.ut_feature-row--swap-content-and-image.ut_feature-row > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
-
<h2>Discover the world</h2>Element selector:.flexible-content:nth-child(2) > .ut_feature-row > .ut_feature-row__content > h2Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.flexible-content:nth-child(2) > .ut_feature-row > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
-
<p>Element selector:.flexible-content:nth-child(2) > .ut_feature-row > .ut_feature-row__content > p:nth-child(2)Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.flexible-content:nth-child(2) > .ut_feature-row > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
-
<a href="https://utulsa.edu/research/" class="button button--yellow"> Research opportunities</a>Element selector:.button--yellow.button[href$="research/"]Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.flexible-content:nth-child(2) > .ut_feature-row > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
-
<a href="https://utulsa.edu/admission/special-programs/" class="button button--yellow"> Apply for Honors and more</a>Element selector:.flexible-content:nth-child(2) > .ut_feature-row > .ut_feature-row__content > .ut_feature-row__buttons > .button--yellow.button:nth-child(2)Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.flexible-content:nth-child(2) > .ut_feature-row > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
-
<h2 class="">Take the Next Step</h2>Element selector:.position-relative.ut_constrain > h2Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.ut_cta-group
-
Element's background color could not be determined due to a pseudo element
-
<p>Virtual Campus Tour <i class="far fa-external-link" aria-hidden="true"></i></p>Element selector:.large-offset-0.large-auto.cell:nth-child(1) > .ut_cta > .ut_cta__wrapper[target="_blank"] > .ut_cta__content > pFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.ut_cta-group
-
Element's background color could not be determined due to a pseudo element
-
<p>Plan Your Visit</p>Element selector:.ut_cta__wrapper[href$="visit/"] > .ut_cta__content > pFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.ut_cta-group
-
Element's background color could not be determined due to a pseudo element
-
<p>Request Information <i class="far fa-external-link" aria-hidden="true"></i></p>Element selector:.large-offset-0.large-auto.cell:nth-child(3) > .ut_cta > .ut_cta__wrapper[target="_blank"] > .ut_cta__content > pFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.ut_cta-group
-
Element's background color could not be determined due to a pseudo element
-
<h2>News</h2>Element selector:.auto.cell > h2Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.ut_feature-listing
-
Element's background color could not be determined due to a pseudo element
-
<a href="https://utulsa.edu/archive/featured" class="button button--yellow-outline"> All News Stories </a>Element selector:.button--yellow-outlineFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.ut_feature-listing
-
Element's background color could not be determined due to a pseudo element
-
<div class="ut_card__content__wrapper"> Ambassador discusses cyberspace, digital policy during UTulsa visit <i class="fas fa-chevron-right" aria-hidden="true"></i> </div>Element selector:.large-4.cell:nth-child(1) > .ut_card.ut_card--news > .ut_card__content > .ut_card__content__wrapperFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.large-4.cell:nth-child(1) > .ut_card.ut_card--news
-
Element's background color could not be determined due to a pseudo element
-
<div class="ut_card__content__wrapper"> Friends of Finance Executive Speakers Series 2023-24 lineup announced <i class="fas fa-chevron-right" aria-hidden="true"></i> </div>Element selector:.large-4.cell:nth-child(2) > .ut_card.ut_card--news > .ut_card__content > .ut_card__content__wrapperFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.large-4.cell:nth-child(2) > .ut_card.ut_card--news
-
Element's background color could not be determined due to a pseudo element
-
<div class="ut_card__content__wrapper"> TU launches cyber institute with projected $75M investment <i class="fas fa-chevron-right" aria-hidden="true"></i> </div>Element selector:.large-4.cell:nth-child(3) > .ut_card.ut_card--news > .ut_card__content > .ut_card__content__wrapperFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.large-4.cell:nth-child(3) > .ut_card.ut_card--news
-
Element's background color could not be determined due to a pseudo element
-
<div class="cli-bar-message">We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.</div>Element selector:.cli-bar-messageFailing checks (At least one of these should pass)
- Element's background color could not be determined because it partially overlaps other elements
aria-roledescription must be on elements with a semantic role
Ensure aria-roledescription is only used on elements with an implicit or explicit role. Axe Reference
-
<section class="splide splide--tabbed-slider-nav splide--slide splide--ltr splide--nav is-active is-overflow is-initialized" aria-label="Tabbed Slider Navigation" id="splide02" aria-roledescription="carousel">Element selector:#splide02Failing checks (At least one of these should pass)
- Check that the aria-roledescription is announced by supported screen readers
-
<section class="splide splide--tabbed-slider splide--slide splide--ltr splide--draggable is-active is-overflow is-initialized" aria-label="Tabbed Slider" id="splide01" aria-roledescription="carousel">Element selector:#splide01Failing checks (At least one of these should pass)
- Check that the aria-roledescription is announced by supported screen readers
-
<li class="splide__slide is-active is-visible" id="splide01-slide01" role="tabpanel" aria-roledescription="slide" aria-label="1 of 6" style="width: calc(100%);">Element selector:#splide01-slide01Failing checks (At least one of these should pass)
- Check that the aria-roledescription is announced by supported screen readers