Page Scan Results:
CATALOG
https://www.meridiantech.edu/catalog/
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
- Elements must meet minimum color contrast ratio thresholds
-
4
- <li> elements must be contained in a <ul> or <ol>
-
4
- Frames must have an accessible name
-
1
- Images must have alternate text
-
1
- Links must have discernible text
-
1
- <ul> and <ol> must only directly contain <li>, <script> or <template> elements
-
1
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
-
<li class="color-footer-main">LEGAL</li>
Element selector:a[href$="legal/"] > .color-footer-main
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.color-footer.hidden-xs
-
Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<li class="color-footer-main">CONTACT US</li>
Element selector:a[href$="contact/"] > .color-footer-main
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.color-footer.hidden-xs
-
Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<li class="color-footer-main">STAFF LOGIN</li>
Element selector:a[href$="wp-admin/"] > .color-footer-main
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.color-footer.hidden-xs
-
Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<li id="rightMain" class="color-footer-main">NEWSLETTER SIGNUP</li>
Element selector:#responsiveFooter > .color-footer-nav > a[href$="newsletter/"] > .color-footer-main
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.color-footer.hidden-xs
-
Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
<li> elements must be contained in a <ul> or <ol>
Ensures <li> elements are used semantically. Axe Reference
-
<li class="color-footer-main">LEGAL</li>
Element selector:a[href$="legal/"] > .color-footer-main
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li class="color-footer-main">CONTACT US</li>
Element selector:a[href$="contact/"] > .color-footer-main
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li class="color-footer-main">STAFF LOGIN</li>
Element selector:a[href$="wp-admin/"] > .color-footer-main
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li id="rightMain" class="color-footer-main">NEWSLETTER SIGNUP</li>
Element selector:#responsiveFooter > .color-footer-nav > a[href$="newsletter/"] > .color-footer-main
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
Frames must have an accessible name
Ensures <iframe> and <frame> elements have an accessible name. Axe Reference
-
<iframe style="position: absolute; border: none; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0;" src="https://e.issuu.com/embed.html?d=2023_fall_course_catalog_web&u=brookeb" sandbox="allow-top-navigation allow-top-navigation-by-user-activation allow-downloads allow-scripts allow-same-origin allow-popups allow-modals allow-popups-to-escape-sandbox allow-forms" allowfullscreen="allowfullscreen">
Element selector:iframe
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"
Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference
-
<img class="adImage" src="https://www.meridiantech.edu/fa-content/uploads/2017/02/OnlineClasses_InternalAD.png">
Element selector:.adImage
Failing checks (At least one of these should pass)
- Element does not have an alt 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 has no title attribute
- Element's default semantics were not overridden with role="none" or role="presentation"
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<a href="http://www.ed2go.com/meridiantech/"><img class="adImage" src="https://www.meridiantech.edu/fa-content/uploads/2017/02/OnlineClasses_InternalAD.png"></a>
Element selector:.inpageAd > a
Failing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- 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 has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Ensures that lists are structured correctly. Axe Reference
-
<ul class="color-footer-nav" style="width:120%;">
Element selector:#responsiveFooter > .color-footer-nav
Failing checks (All of these should pass)
-
List element has direct children that are not allowed: a
a[href$="legal/"]
a[href$="contact/"]
a[href$="wp-admin/"]
#responsiveFooter > .color-footer-nav > a[href$="newsletter/"]
#responsiveFooter > .color-footer-nav > a[aria-label="Facebook"][target="_blank"]
#responsiveFooter > .color-footer-nav > a[aria-label="Twitter"][target="_blank"]
a[aria-label="LinkedIn"]
#responsiveFooter > .color-footer-nav > a[aria-label="YouTube"][target="_blank"]
#responsiveFooter > .color-footer-nav > a[aria-label="Instagram"][target="_blank"]
-
List element has direct children that are not allowed: a
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 class="header-lg-text">Catalog</h1>
Element selector:h1
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.header-trans
.header-image
-
Element's background color could not be determined due to a background image
-
<h2>New Career | Strengthen Your Current Position | Personal-Interest Courses</h2>
Element selector:h2
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.general-container
-
Element's background color could not be determined due to a background image
-
<p>
Element selector:p:nth-child(2)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.general-container
-
Element's background color could not be determined due to a background image
-
<strong>Want to receive our monthly short course emails? <a href="https://www.meridiantech.edu/newsletter/">Sign up here</a>. </strong>
Element selector:p:nth-child(3) > strong
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.general-container
-
Element's background color could not be determined due to a background image
-
<a href="https://www.meridiantech.edu/newsletter/">Sign up here</a>
Element selector:strong > a
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.general-container
-
Element's background color could not be determined due to a background image
-
<p>To enroll in a short course, contact us at <a href="tel:405.377.3333">405.377.3333</a>.</p>
Element selector:p:nth-child(4)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.general-container
-
Element's background color could not be determined due to a background image
-
<a href="tel:405.377.3333">405.377.3333</a>
Element selector:a[href="tel:405.377.3333"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.general-container
-
Element's background color could not be determined due to a background image
-
<em>Short Course Refund Policy</em>
Element selector:strong > em
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.general-container
-
Element's background color could not be determined due to a background image
-
<em>
Element selector:p:nth-child(8) > em
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.general-container
-
Element's background color could not be determined due to a background image
-
<h3>Full-Time Programs</h3>
Element selector:h3
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.general-container
-
Element's background color could not be determined due to a background image
-
<p>
Element selector:p:nth-child(10)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.general-container
-
Element's background color could not be determined due to a background image
-
<a href="https://www.meridiantech.edu/programs/">Take a look at our full-time programs.</a>
Element selector:p:nth-child(10) > a:nth-child(1)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.general-container
-
Element's background color could not be determined due to a background image
-
<a href="https://www.meridiantech.edu/admissions/academics/">academic credits</a>
Element selector:p:nth-child(10) > a:nth-child(2)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.general-container
-
Element's background color could not be determined due to a background image
-
<a href="https://www.meridiantech.edu/admissions/high-school-students/">Learn more about the high school application and enrollment process.</a>
Element selector:p:nth-child(10) > a:nth-child(3)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.general-container
-
Element's background color could not be determined due to a background image
-
<p>Adult students typically spend one year at Meridian when they attend class full time and two years at Tech when they attend part time. <a href="https://www.meridiantech.edu/admissions/adults/">Learn more about the application process for adults.</a></p>
Element selector:p:nth-child(11)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.general-container
-
Element's background color could not be determined due to a background image
-
<a href="https://www.meridiantech.edu/admissions/adults/">Learn more about the application process for adults.</a>
Element selector:p:nth-child(11) > a
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.general-container
-
Element's background color could not be determined due to a background image
-
<a href="https://www.google.com/maps/place/Meridian+Technology+Center/@36.107043,-97.1114117,17z/data=!3m1!4b1!4m5!3m4!1s0x87b1a0920307ac5b:0xb4ab398fcf5b8a38!8m2!3d36.107043!4d-97.109223" target="_blank">
Element selector:.color-footer-address > a[target="_blank"]:nth-child(1)
Failing checks (At least one of these should pass)
-
Element has a 1:1 contrast ratio with the background
body
-
Element has a 1:1 contrast ratio with the background
-
<a href="https://www.google.com/maps/place/Meridian+Technology+Center+-+South+Campus/@35.8473853,-97.4280007,17z/data=!3m1!4b1!4m5!3m4!1s0x87b18d4516b79ecb:0xab091d15b9ddc798!8m2!3d35.847381!4d-97.425812" target="_blank">South Campus: 3025 South Division Street | Guthrie, OK 73044 | 405.377.3334</a>
Element selector:.color-footer-address > a[target="_blank"]:nth-child(3)
Failing checks (At least one of these should pass)
-
Element has a 1:1 contrast ratio with the background
body
-
Element has a 1:1 contrast ratio with the background
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="tel:405.377.3333">405.377.3333</a>
Element selector:a[href="tel:405.377.3333"]
Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined due to a background image
p:nth-child(4)
-
Element's contrast ratio could not be determined due to a background image
-
<a href="https://www.meridiantech.edu/programs/">Take a look at our full-time programs.</a>
Element selector:p:nth-child(10) > a:nth-child(1)
Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined due to a background image
p:nth-child(10)
-
Element's contrast ratio could not be determined due to a background image
-
<a href="https://www.meridiantech.edu/admissions/academics/">academic credits</a>
Element selector:p:nth-child(10) > a:nth-child(2)
Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined due to a background image
p:nth-child(10)
-
Element's contrast ratio could not be determined due to a background image
-
<a href="https://www.meridiantech.edu/admissions/high-school-students/">Learn more about the high school application and enrollment process.</a>
Element selector:p:nth-child(10) > a:nth-child(3)
Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined due to a background image
p:nth-child(10)
-
Element's contrast ratio could not be determined due to a background image
-
<a href="https://www.meridiantech.edu/admissions/adults/">Learn more about the application process for adults.</a>
Element selector:p:nth-child(11) > a
Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined due to a background image
p:nth-child(11)
-
Element's contrast ratio could not be determined due to a background image