Page Scan Results:
(No H1 element on page)
https://www.meridiantech.edu/programs/
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
-
<li class="color-footer-main">LEGAL</li>Element selector:a[href$="legal/"] > .color-footer-mainFailing 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-mainFailing 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-mainFailing 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-mainFailing 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-mainFailing 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-mainFailing 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-mainFailing 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-mainFailing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
<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-navFailing 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 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
-
<div class="header-sm-text">Meridian Technology Center</div>Element selector:div[data-stellar-background-ratio="0.5"] > .header-trans > .header-sm-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
div[data-stellar-background-ratio="0.5"] > .header-transdiv[data-stellar-background-ratio="0.5"]
-
Element's background color could not be determined due to a background image
-
<div class="header-lg-text">Full-Time Programs</div>Element selector:div[data-stellar-background-ratio="0.5"] > .header-trans > .header-lg-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
div[data-stellar-background-ratio="0.5"] > .header-transdiv[data-stellar-background-ratio="0.5"]
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Air Conditioning and Refrigeration </div>Element selector:a:nth-child(1) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(1) > .program-container > .program-overlaya:nth-child(1) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Automotive Technology </div>Element selector:a:nth-child(2) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(2) > .program-container > .program-overlaya:nth-child(2) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Biomedical Sciences - STEM Academy </div>Element selector:a:nth-child(3) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(3) > .program-container > .program-overlaya:nth-child(3) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Business Technology </div>Element selector:a:nth-child(4) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(4) > .program-container > .program-overlaya:nth-child(4) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Carpentry </div>Element selector:a:nth-child(5) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(5) > .program-container > .program-overlaya:nth-child(5) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">CNC Machining </div>Element selector:a:nth-child(6) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(6) > .program-container > .program-overlaya:nth-child(6) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Collision Repair Technology </div>Element selector:a:nth-child(7) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(7) > .program-container > .program-overlaya:nth-child(7) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Computer Aided Drafting </div>Element selector:a:nth-child(8) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(8) > .program-container > .program-overlaya:nth-child(8) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Cosmetology </div>Element selector:a:nth-child(9) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(9) > .program-container > .program-overlaya:nth-child(9) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Cosmetology - Evening </div>Element selector:a:nth-child(10) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(10) > .program-container > .program-overlaya:nth-child(10) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="adult-only-text">ADULTS ONLY</div>Element selector:a:nth-child(10) > .program-container > .program-overlay > .text-container > .adult-only-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(10) > .program-container > .program-overlaya:nth-child(10) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Criminal Justice </div>Element selector:a:nth-child(11) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(11) > .program-container > .program-overlaya:nth-child(11) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Culinary Arts </div>Element selector:a:nth-child(12) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(12) > .program-container > .program-overlaya:nth-child(12) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Digital Media </div>Element selector:a:nth-child(13) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(13) > .program-container > .program-overlaya:nth-child(13) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Electrical Technology </div>Element selector:a:nth-child(14) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(14) > .program-container > .program-overlaya:nth-child(14) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Energy and Power </div>Element selector:a:nth-child(15) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(15) > .program-container > .program-overlaya:nth-child(15) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Health Careers </div>Element selector:a:nth-child(16) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(16) > .program-container > .program-overlaya:nth-child(16) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Information Technology </div>Element selector:a:nth-child(17) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(17) > .program-container > .program-overlaya:nth-child(17) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Medical Coding and Billing </div>Element selector:a:nth-child(18) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(18) > .program-container > .program-overlaya:nth-child(18) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="adult-only-text">ADULTS ONLY</div>Element selector:a:nth-child(18) > .program-container > .program-overlay > .text-container > .adult-only-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(18) > .program-container > .program-overlaya:nth-child(18) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Pharmacy Technician </div>Element selector:a:nth-child(19) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(19) > .program-container > .program-overlaya:nth-child(19) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Practical Nursing </div>Element selector:a:nth-child(20) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(20) > .program-container > .program-overlaya:nth-child(20) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="adult-only-text">ADULTS ONLY</div>Element selector:a:nth-child(20) > .program-container > .program-overlay > .text-container > .adult-only-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(20) > .program-container > .program-overlaya:nth-child(20) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Pre-Engineering - STEM Academy </div>Element selector:a:nth-child(21) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(21) > .program-container > .program-overlaya:nth-child(21) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Precision Metal Fabrication </div>Element selector:a:nth-child(22) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(22) > .program-container > .program-overlaya:nth-child(22) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Radiologic Technology </div>Element selector:a:nth-child(23) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(23) > .program-container > .program-overlaya:nth-child(23) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="adult-only-text">ADULTS ONLY</div>Element selector:a:nth-child(23) > .program-container > .program-overlay > .text-container > .adult-only-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(23) > .program-container > .program-overlaya:nth-child(23) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Underground Utility Locating Technician </div>Element selector:a:nth-child(24) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(24) > .program-container > .program-overlaya:nth-child(24) > .program-container
-
Element's background color could not be determined due to a background image
-
<div class="program-button-text">Welding </div>Element selector:a:nth-child(25) > .program-container > .program-overlay > .text-container > .program-button > .program-button-textFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a:nth-child(25) > .program-container > .program-overlaya:nth-child(25) > .program-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
Page must have means to bypass repeated blocks
Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content. Axe Reference
-
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#" lang="en-US" class=" js no-touch cssanimations csstransitions">Element selector:htmlFailing checks (At least one of these should pass)
- No valid skip link found
- Page does not have a heading
- Page does not have a landmark region