Page Scan Results:
TUTORING SERVICES
https://offices.nsuok.edu/advising/AcademicSupportServices/TutoringServices.aspx
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 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
-
<span class="Head">2023-2024 Tutoring Options</span>
Element selector:.arrow-inline--yellow > .Head
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.41 (foreground color: #ffffff, background color: #cba200, font size: 21.0pt (28px), font weight: normal). Expected contrast ratio of 3:1
.arrow-inline--yellow > .Head
-
Element has insufficient color contrast of 2.41 (foreground color: #ffffff, background color: #cba200, font size: 21.0pt (28px), font weight: normal). Expected contrast ratio of 3:1
-
<span>How can I help you?</span>
Element selector:.ivy-input > span:nth-child(1)
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.12 (foreground color: #adaeb0, background color: #f9fafb, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.ivy-input
-
Element has insufficient color contrast of 2.12 (foreground color: #adaeb0, background color: #f9fafb, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
Links must be distinguishable without relying on color
Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference
-
<a href="mailto:studentsuccess@nsuok.edu">studentsuccess@nsuok.edu</a>
Element selector:a:nth-child(7)
Failing checks (At least one of these should pass)
-
The link has insufficient color contrast of 1.8:1 with the surrounding text. (Minimum contrast is 3:1, link text: #31774f, surrounding text: #444444)
.content-pane--right > .NEMoudule > .pane-alt > .container-block > p
-
The link has no styling (such as underline) to distinguish it from the surrounding text
.content-pane--right > .NEMoudule > .pane-alt > .container-block > p
-
The link has insufficient color contrast of 1.8:1 with the surrounding text. (Minimum contrast is 3:1, link text: #31774f, surrounding text: #444444)
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 Summary
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>Gather Here. Go Far</h2>
Element selector:.slick-current > .flex.flex-left > .one-col.no-bg > .shaded-wrap > h2
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.slick-current > .flex.flex-left > .one-col.no-bg > .shaded-wrap
.slick-current
-
Element's background color could not be determined due to a background image
-
<p>
Element selector:.slick-current > .flex.flex-left > .one-col.no-bg > .shaded-wrap > p
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.slick-current > .flex.flex-left > .one-col.no-bg > .shaded-wrap
.slick-current
-
Element's background color could not be determined due to a background image
-
<td style="text-align: left; vertical-align: top;">Dr. Kyle Vareberg</td>
Element selector:tr:nth-child(5) > td:nth-child(5)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
.page-content
-
Element's background color could not be determined because it's partially obscured by another element
-
<td style="text-align: left; vertical-align: top;">Dr. Darryl Linde</td>
Element selector:tr:nth-child(9) > td:nth-child(5)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
.page-content
-
Element's background color could not be determined because it's partially obscured by another element
-
<p>Tahlequah:<br>Shannon Jankowski</p>
Element selector:tr:nth-child(13) > td:nth-child(5) > p:nth-child(1)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
.page-content
-
Element's background color could not be determined because it's partially obscured by another element
-
<p>Broken Arrow:<br>Monique Brinker</p>
Element selector:tr:nth-child(13) > td:nth-child(5) > p:nth-child(2)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
.page-content
-
Element's background color could not be determined because it's partially obscured by another element
-
<div class=" ivy-welcome">Rowdy Bot</div>
Element selector:.ivy-welcome
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.ivy-popup
.slick-current
-
Element's background color could not be determined due to a background image
-
<p>Hi I'm Rowdy Bot! I'm a virtual assistant and can help answer questions and connect you to our resources.</p>
Element selector:.ivy-intro > p
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.ivy-popup
.slick-current
-
Element's background color could not be determined due to a background image