Page Scan Results:
Mid-America Technology Center

https://www.matech.edu/418701_4

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
46
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. <p>
    Element selector:
    .inline_edit_387995 > p:nth-child(1)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  2. <strong>Description:</strong>
    Element selector:
    p:nth-child(1) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  3. <p><strong>Hours:</strong><br>
Morning session – 8:10 – 11:10 a.m.<br>
Afternoon session – 12:45 – 3:45 p.m.</p>
    Element selector:
    p:nth-child(2)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  4. <strong>Hours:</strong>
    Element selector:
    p:nth-child(2) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  5. <p><strong>Career Major Name:</strong>&nbsp; Graphic Communications<br>
<strong>Clock Hours/Weeks of Instruction:</strong>&nbsp; 900/34<br>
<strong>Normal Completion Time:</strong>&nbsp; 34 weeks for full-time status</p>
    Element selector:
    p:nth-child(3)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  6. <strong>Career Major Name:</strong>
    Element selector:
    p:nth-child(3) > strong:nth-child(1)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  7. <strong>Clock Hours/Weeks of Instruction:</strong>
    Element selector:
    strong:nth-child(3)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  8. <strong>Normal Completion Time:</strong>
    Element selector:
    strong:nth-child(5)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  9. <p><strong>College Credit:</strong><br>
Prior Learning Assessment</p>
    Element selector:
    p:nth-child(4)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  10. <strong>College Credit:</strong>
    Element selector:
    p:nth-child(4) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  11. <strong>Required Courses:</strong>
    Element selector:
    p:nth-child(5) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  12. <li>Advanced Desktop Publishing and Graphics Design</li>
    Element selector:
    ul:nth-child(6) > li:nth-child(1)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  13. <li>Career Readiness</li>
    Element selector:
    ul:nth-child(6) > li:nth-child(2)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  14. <li>Design Basics</li>
    Element selector:
    ul:nth-child(6) > li:nth-child(3)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  15. <li>Fundamentals of Technology</li>
    Element selector:
    ul:nth-child(6) > li:nth-child(4)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  16. <li>Illustrator</li>
    Element selector:
    ul:nth-child(6) > li:nth-child(5)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  17. <li>InDesign&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</li>
    Element selector:
    ul:nth-child(6) > li:nth-child(6)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  18. <li>Photoshop</li>
    Element selector:
    ul:nth-child(6) > li:nth-child(7)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  19. <li>Safety I</li>
    Element selector:
    ul:nth-child(6) > li:nth-child(8)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  20. <li>Screen Printing and Vinyl Art Preparation</li>
    Element selector:
    ul:nth-child(6) > li:nth-child(9)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  21. <li>Workforce Staging</li>
    Element selector:
    ul:nth-child(6) > li:nth-child(10)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  22. <strong>Career Opportunities:</strong>
    Element selector:
    p:nth-child(7) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  23. <li>Graphic Designer</li>
    Element selector:
    ul:nth-child(8) > li:nth-child(1)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  24. <li>Screen Printer</li>
    Element selector:
    ul:nth-child(8) > li:nth-child(2)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  25. <li>Offset Printer</li>
    Element selector:
    ul:nth-child(8) > li:nth-child(3)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  26. <li>Digital Prepress Technician</li>
    Element selector:
    ul:nth-child(8) > li:nth-child(4)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  27. <li>Digital Printer</li>
    Element selector:
    ul:nth-child(8) > li:nth-child(5)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  28. <li>Bindery Folder</li>
    Element selector:
    ul:nth-child(8) > li:nth-child(6)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  29. <li>Cutter Operator</li>
    Element selector:
    ul:nth-child(8) > li:nth-child(7)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  30. <p>For more information on occupations go to&nbsp;<a href="http://www.onetonline.org/">http://www.onetonline.org</a>.</p>
    Element selector:
    p:nth-child(9)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  31. <a href="http://www.onetonline.org/">http://www.onetonline.org</a>
    Element selector:
    a[href$="onetonline.org/"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  32. <p><strong>Application Process:</strong><br>
High school students see your home school counselor<br>
Adults contact Mid-America recruiters <a href="tel:572-215-2060">572-215-2060</a></p>
    Element selector:
    p:nth-child(10)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  33. <strong>Application Process:</strong>
    Element selector:
    p:nth-child(10) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  34. <a href="tel:572-215-2060">572-215-2060</a>
    Element selector:
    p:nth-child(10) > a[href="tel:572-215-2060"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  35. <p><strong>Average Salary:</strong><br>
$11,960-$47,840</p>
    Element selector:
    p:nth-child(11)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  36. <strong>Average Salary:</strong>
    Element selector:
    p:nth-child(11) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  37. <p><strong>Accreditation:</strong><br>
OSBCTE (Oklahoma State Board of Career &amp; Technology Education)</p>
    Element selector:
    .inline_edit_387995 > p:nth-child(12)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  38. <strong>Accreditation:</strong>
    Element selector:
    p:nth-child(12) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  39. <strong>Certifications:</strong>
    Element selector:
    p:nth-child(13) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  40. <p>ODCTE Competency Certification</p>
    Element selector:
    p:nth-child(14)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  41. <li>Graphic Communications</li>
    Element selector:
    ul:nth-child(15) > li:nth-child(1)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  42. <li>Graphic Designer</li>
    Element selector:
    ul:nth-child(15) > li:nth-child(2)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  43. <li>Adobe InDesign</li>
    Element selector:
    ul:nth-child(15) > li:nth-child(3)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  44. <p><strong>**CTSO:</strong>&nbsp;SkillsUSA</p>
    Element selector:
    p:nth-child(16)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  45. <strong>**CTSO:</strong>
    Element selector:
    p:nth-child(16) > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #page-content-wrapper 
  46. <p>**Career Technical Student Organization (CTSO)</p>
    Element selector:
    p:nth-child(17)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.23 (foreground color: #e7e7e7, 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