Page Scan Results:
Mid-America
Technology Center
https://www.matech.edu/
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
ARIA input fields must have an accessible name
Ensures every ARIA input field has an accessible name. Axe Reference
-
<div class="carousel-inner" role="listbox">
Element selector:div[role="listbox"]
Failing checks (At least one of these should pass)
- 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
Elements must only use permitted ARIA attributes
Ensures ARIA attributes are not prohibited for an element's role. Axe Reference
-
<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
Ensures that lists are structured correctly. Axe Reference
-
<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
-
List element has direct children that are not allowed: br, div
<li> elements must be contained in a <ul> or <ol>
Ensures <li> elements are used semantically. Axe Reference
-
<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:.hidden-lg.visible-xs.visible-sm
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
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 style="visibility: visible; animation-name: zoomIn; font-size: 40px;" id="the_site_title" class="the_site_title wow 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
-
Element's background color could not be determined due to a background image
-
<span class="day">13</span>
Element selector:time[datetime="2023-10-13 0000"] > .day
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
time[datetime="2023-10-13 0000"]
-
Element's background color could not be determined because it's partially obscured by another element
-
<span class="day">16</span>
Element selector:time[datetime="2023-10-16 0000"] > .day
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
time[datetime="2023-10-16 0000"]
-
Element's background color could not be determined because it's partially obscured by another element
-
<span class="day">20</span>
Element selector:time[datetime="2023-11-20 0000"] > .day
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
time[datetime="2023-11-20 0000"]
-
Element's background color could not be determined because it's partially obscured by another element
Certain ARIA roles must contain particular children
Ensures elements with an ARIA role that require child roles contain them. Axe Reference
-
<div class="carousel-inner" role="listbox">
Element selector:div[role="listbox"]
Failing checks (At least one of these should pass)
- Expecting ARIA children role to be added: group, option