Page Scan Results:

Mid-America Technology Center

Ensures that lists are structured correctly. Axe Reference

1. <ul class="nav nav-pills nav-stacked">

   Element selector:

   .nav-pills
   Failing checks (All of these should pass)

   • List element has direct children that are not allowed: div .nav-pills > div

2. <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

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

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.

Ensures links have discernible text. Axe Reference

1. <a href="javascript:void(0)" onclick="window.open('directions.php?ID=2045','map','width=500, height=300, resizable=no, scrollbars=yes, toolbar=no, location=no, status=no, menubar=yes')"><span class="glyphicon glyphicon-road"></span><span style="display:none;">Directions</span></a>

   Element selector:

   a[href="javascript:void(0)"]:nth-child(1)
   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

Ensures <li> elements are used semantically. Axe Reference

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

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

1. <h1 style="visibility: visible; font-size: 40px; animation-name: zoomIn;" id="the_site_title" class="the_site_title wow animated wow animated zoomIn animated">
   Mid-America <br> Technology Center </h1>

   Element selector:

   #the_site_title
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image body

2. <h3 class="panel-title">
   Full-Time Programs Navigation </h3>

   Element selector:

   .panel.panel-default.editme > .module-header-color.panel-heading > .moduleHeader > h3
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .panel.panel-default.editme > .module-header-color.panel-heading

3. <h3 class="panel-title">
   Contact Information <span class="glyphicon glyphicon-info-sign"></span>
   </h3>

   Element selector:

   .module > .module-header-color.panel-heading > .moduleHeader > h3
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .module > .module-header-color.panel-heading

Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference

1. <a href="https://goo.gl/maps/yXoQo5jvG1Ggiws76" target="_blank">

   Element selector:

   .moduleBody > a[target="_blank"]
   Failing checks (At least one of these should pass)

   • Element's contrast ratio could not be determined because of element overlap .module-body-color.panel-body > .moduleBody