Page Scan Results:
Mid-America Technology Center

https://www.matech.edu/610866_3

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
17
Elements must only use permitted ARIA attributes
1
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
1
<li> elements must be contained in a <ul> or <ol>
1

Known Issues on This Page

Elements must meet minimum color contrast ratio thresholds

serious

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

Rule type: WCAG 2.0 AA, WCAG SC 1.4.3, EN-301-549, EN-9.1.4.3, ACT 
  1. <span style="background-color:#ffff00;">Full-Time Program enrollment has closed for the 2023-2024 school year. &nbsp;</span>
    Element selector:
    em > span:nth-child(1)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #fffff2, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1 em > span:nth-child(1) 
  2. <span style="background-color:#ffff00;">Enrollment for the next school year will begin next spring.&nbsp;<br>
Contact a recruiter for more informati</span>
    Element selector:
    em > span:nth-child(3)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #fffff2, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1 em > span:nth-child(3) 
  3. <span style="background-color:#ffff00;">on.</span>
    Element selector:
    em > span:nth-child(4)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #fffff2, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1 em > span:nth-child(4) 
  4. <span style="background-color:#ffff00;">Phone:&nbsp;</span>
    Element selector:
    strong > span
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #fffff2, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1 strong > span 
  5. <span style="background-color:#ffff00;">572-215-2060</span>
    Element selector:
    a[data-ol-has-click-handler=""] > span
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #fffff2, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1 a[data-ol-has-click-handler=""] > span 
  6. <strong>DAY-TIME FOCUS It is the day-time focus of Mid-America Technology Center to provide a rigorous and challenging education that will equip students with both academic and technical skills necessary to become successful in the workplace and or post-secondary education.</strong>
    Element selector:
    p:nth-child(1) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  7. <strong>Free tuition for secondary&nbsp;&amp; in-district post-secondary adults 21 yrs of age or less - ** Discounts may be excluded for some specialized training programs.</strong>
    Element selector:
    li:nth-child(1) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  8. <strong>Tuition for post-secondary adults ages 22 or greater is $1.00 per clock hour</strong>
    Element selector:
    li:nth-child(2) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  9. <strong>Enrollment fees are $35 for both secondary and post-secondary students</strong>
    Element selector:
    li:nth-child(3) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  10. <strong>Bus transportation from public high schools </strong>
    Element selector:
    li:nth-child(4) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  11. <strong>Morning and afternoon classes (8:10-11:10 &amp; 12:45-3:45)</strong>
    Element selector:
    li:nth-child(5) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  12. <strong>High school credit - elective and academic </strong>
    Element selector:
    li:nth-child(6) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  13. <strong>Academic Center&nbsp;prepares students for gainful employment in the current job market</strong>
    Element selector:
    li:nth-child(7) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  14. <a href="https://files.gabbart.com/2045/coa2324_.pdf" target="_blank">Cost of Attendance</a>
    Element selector:
    li:nth-child(8) > a[target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  15. <a href="http://www.matech.edu/student-services/gainful-employment-links/">Gainful Employment Link</a>
    Element selector:
    .inline_edit_358017 > ul > li:nth-child(9) > a
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  16. <a href="https://www.matech.edu/57394">Enrollment Process</a>
    Element selector:
    a[href="https://www.matech.edu/57394"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  17. <a href="http://www.matech.edu/short-term-programs/">Short-term classes are available - Click here for information..</a>
    Element selector:
    p:nth-child(4) > a
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.11 (foreground color: #f2f2f2, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper

Elements must only use permitted ARIA attributes

serious

Ensures ARIA attributes are not prohibited for an element's role. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2 
  1. <span aria-label="Search" class="glyphicon glyphicon-search lineHeightIcon"></span>
    Element selector:
    .lineHeightIcon.glyphicon-search[aria-label="Search"]
    Failing checks (All of these should pass)
    • aria-label attribute cannot be used on a span with no valid role attribute.

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

serious

Ensures that lists are structured correctly. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1 
  1. <ul class="list-inline">
    Element selector:
    .list-inline
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: br, div .list-inline > br .list-inline > .clearfix

<li> elements must be contained in a <ul> or <ol>

serious

Ensures <li> elements are used semantically. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1 
  1. <li class="visible-xs visible-sm hidden-md hidden-lg" style="background-color:transparent !important;color:transparent !important;"><a aria-label="Close Navigation" href="#" id="closeMobileNav" data-toggle="collapse" data-target=".navbar-collapse.in"></a></li>
    Element selector:
    .visible-xs.visible-sm.hidden-md
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element