Page Scan Results:
ABOUT TU
https://utulsa.edu/about/
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
-
<h1>About TU</h1>Element selector:h1Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.section-landing-header
-
Element's background color could not be determined due to a pseudo element
-
<button class="button button--dropdown" type="button" data-toggle="section_landing_header-dropdown" aria-controls="section_landing_header-dropdown" data-is-focus="false" data-yeti-box="section_landing_header-dropdown" aria-haspopup="true" aria-expanded="false" id="g83fin-dd-anchor">Element selector:#g83fin-dd-anchorFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.section-landing-header
-
Element's background color could not be determined due to a pseudo element
-
<p>The University of Tulsa fosters a diverse campus life that gives students close connections with faculty who are leaders in their fields. We're proud to be a Top 100 private research university and No. 79 among all best value universities in the United States.</p>Element selector:.section-landing-header > .ut_feature-row--flip.ut_feature-row > .ut_feature-row__content > pFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.section-landing-header
-
Element's background color could not be determined due to a pseudo element
-
<h2 class="tabbed-slider__main-heading">University Leadership</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">President</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">Provost</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 is-visible" id="splide02-slide03" role="button" aria-label="Go to slide 3" aria-controls="splide01-slide03" tabindex="0">Board of Trustees</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
-
<li class="splide__slide" id="splide02-slide04" role="button" aria-label="Go to slide 4" aria-controls="splide01-slide04" aria-hidden="true" tabindex="-1">Executive staff</li>Element selector:#splide02-slide04Failing 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>Brad Carson is The University of Tulsa’s 21st president.</h2>Element selector:#splide01-slide01 > .ut_feature-row--swap-content-and-image.ut_feature-row--flip.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--swap-content-and-image.ut_feature-row--flip.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">The president works closely with the executive team and Board of Trustees to shape the strategic direction and policies of the university, ensuring they align with its mission.</p>Element selector:#splide01-slide01 > .ut_feature-row--swap-content-and-image.ut_feature-row--flip.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--swap-content-and-image.ut_feature-row--flip.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/president/" class="button button--yellow"> President</a>Element selector:.button--yellow.button[href$="president/"]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--swap-content-and-image.ut_feature-row--flip.ut_feature-row > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
-
<a href="https://strategicplan.utulsa.edu/" class="button button--yellow button--external" target="_blank"> Strategic Plan</a>Element selector:.ut_feature-row__buttons > .button--external.button--yellow.buttonFailing 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--swap-content-and-image.ut_feature-row--flip.ut_feature-row > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
-
<h2>Excellence unlimited</h2>Element selector:.ut_feature-row:nth-child(2) > .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:nth-child(2) > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
-
<p>Research, creative production, teaching, community engagement: The University of Tulsa is a beacon for students, faculty and staff who possess vision and drive.</p>Element selector:.ut_feature-row:nth-child(2) > .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:nth-child(2) > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
-
<a href="https://utulsa.edu/about/tu-fast-facts/" class="button button--yellow"> TU fast facts</a>Element selector:.ut_feature-row:nth-child(2) > .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
.flexible-content:nth-child(2) > .ut_feature-row:nth-child(2) > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
-
<a href="https://utulsa.edu/about/points-of-pride/" class="button button--yellow"> Points of pride</a>Element selector:.ut_feature-row:nth-child(2) > .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:nth-child(2) > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
-
<h2>A storied history</h2>Element selector:.flexible-content:nth-child(2) > .ut_feature-row--flip.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--flip.ut_feature-row > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
-
<p>With roots that trace back to 1894, TU has grown into the region's most prestigious university, welcoming students from around the world.</p>Element selector:.flexible-content:nth-child(2) > .ut_feature-row--flip.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--flip.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/about/history-traditions/" class="button button--yellow"> History & traditions</a>Element selector:.flexible-content:nth-child(2) > .ut_feature-row--flip.ut_feature-row > .ut_feature-row__content > .ut_feature-row__buttons > .button--yellow.buttonFailing 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--flip.ut_feature-row > .ut_feature-row__content
-
Element's background color could not be determined due to a pseudo element
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-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 4" 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