Page Scan Results:
ACADEMICS
https://utulsa.edu/academics/
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>Academics</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="rcivh0-dd-anchor">Element selector:#rcivh0-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>High-quality courses, leading-edge programs and expert faculty who care deeply about your success at college and beyond — these are the bedrocks of The University of Tulsa's mission.</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
-
<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">Student-centered and research-driven</h2>Element selector:.tabbed-slider:nth-child(2) > .position-relative > .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:nth-child(2)
-
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">Calendar & Courses</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">Faculty</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">Exceptional Opportunities</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>Peruse interesting courses and plan your academic journey</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">At TU, you'll explore complex ideas and create new knowledge in a spirit of free, fascinating inquiry.</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/academic-calendar/" class="button button--yellow"> Academic Calendar</a>Element selector:#splide01-slide01 > .ut_feature-row--swap-content-and-image.ut_feature-row--flip.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--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/registrar/schedule-of-courses/" class="button button--yellow button--external" target="_blank"> Course Schedule</a>Element selector:#splide01-slide01 > .ut_feature-row--swap-content-and-image.ut_feature-row--flip.ut_feature-row > .ut_feature-row__content > .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 class="tabbed-slider__main-heading">Colleges</h2>Element selector:.tabbed-slider:nth-child(3) > .position-relative > .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:nth-child(3)
-
Element's background color could not be determined due to a pseudo element
-
<li class="splide__slide is-active is-visible" id="splide04-slide01" role="button" aria-label="Go to slide 1" aria-controls="splide03-slide01" aria-current="true" tabindex="0">Arts & Sciences</li>Element selector:#splide04-slide01Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
#splide04-track
-
Element's background color could not be determined due to a pseudo element
-
<li class="splide__slide is-visible is-next" id="splide04-slide02" role="button" aria-label="Go to slide 2" aria-controls="splide03-slide02" tabindex="0">Business</li>Element selector:#splide04-slide02Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
#splide04-track
-
Element's background color could not be determined due to a pseudo element
-
<li class="splide__slide" id="splide04-slide03" role="button" aria-label="Go to slide 3" aria-controls="splide03-slide03" aria-hidden="true" tabindex="-1">Engineering & Natural Sciences</li>Element selector:#splide04-slide03Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
#splide04-track
-
Element's background color could not be determined due to a pseudo element
-
<h2>Social sciences, humanities and the arts</h2>Element selector:#splide03-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
#splide03-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">Immerse yourself in courses that spark the imagination, offer new ways of seeing the world and lead to personal and career fulfilment.</p>Element selector:#splide03-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
#splide03-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://artsandsciences.utulsa.edu/" class="button button--yellow button--external" target="_blank"> Kendall College</a>Element selector:#splide03-slide01 > .ut_feature-row--swap-content-and-image.ut_feature-row--flip.ut_feature-row > .ut_feature-row__content > .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
#splide03-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>Office of the Provost</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>Focused on TU's mission, Provost George Justice and his team work with the academic deans, vice presidents, department heads, faculty and staff to provide the highest quality educational programs.</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/provost/" class="button button--yellow"> Provost</a>Element selector:.button--yellow.button[href$="provost/"]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
-
<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
-
<section class="splide splide--tabbed-slider-nav splide--slide splide--ltr splide--nav is-active is-initialized" aria-label="Tabbed Slider Navigation" id="splide04" aria-roledescription="carousel">Element selector:#splide04Failing 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="splide03" aria-roledescription="carousel">Element selector:#splide03Failing 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="splide03-slide01" role="tabpanel" aria-roledescription="slide" aria-label="1 of 5" style="width: calc(100%);">Element selector:#splide03-slide01Failing checks (At least one of these should pass)
- Check that the aria-roledescription is announced by supported screen readers