Page Scan Results:
CHISHOLM TRAIL
TECHNOLOGY CENTER
https://www.cttc.edu/46844_1
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 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" style="line-height: unset;"></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.
-
<span aria-label="calendar button left-double-arrow" class="fc-icon fc-icon-left-double-arrow"><span style="display:none;">Calendar Controls</span></span>Element selector:.fc-icon-left-double-arrowFailing checks (All of these should pass)
- aria-label attribute cannot be used on a span with no valid role attribute.
-
<span aria-label="calendar button left-single-arrow" class="fc-icon fc-icon-left-single-arrow"><span style="display:none;">Calendar Controls</span></span>Element selector:.fc-icon-left-single-arrowFailing checks (All of these should pass)
- aria-label attribute cannot be used on a span with no valid role attribute.
-
<span aria-label="calendar button right-single-arrow" class="fc-icon fc-icon-right-single-arrow"><span style="display:none;">Calendar Controls</span></span>Element selector:.fc-icon-right-single-arrowFailing checks (All of these should pass)
- aria-label attribute cannot be used on a span with no valid role attribute.
-
<span aria-label="calendar button right-double-arrow" class="fc-icon fc-icon-right-double-arrow"><span style="display:none;">Calendar Controls</span></span>Element selector:.fc-icon-right-double-arrowFailing 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-inlineFailing checks (All of these should pass)
-
List element has direct children that are not allowed: span, br
.footerColor.list-inline > br
-
List element has direct children that are not allowed: span, br
<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:#bs-example-navbar-collapse-1 > .visible-xs.visible-sm.hidden-mdFailing 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 id="the_site_title" class="the_site_title " style="font-size: 36px;"> CHISHOLM TRAIL<br>TECHNOLOGY CENTER </h1>Element selector:#the_site_titleFailing 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
-
<h2 class="page_title">Information</h2>Element selector:.page_titleFailing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
.content-color.col-md-12
-
Element's background color could not be determined because it's partially obscured by another element
-
<h3 class="panel-title"> District Calendar </h3>Element selector:#calendar-content-105742 > .module-header-color.panel-heading[data-elemid="eventTrue"] > .moduleHeader > .panel-titleFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#calendar-content-105742 > .module-header-color.panel-heading[data-elemid="eventTrue"]
-
Element's background color could not be determined due to a background image
-
<h2>September 2023</h2>Element selector:.fc-center > h2Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
.calendar-sm-container
-
Element's background color could not be determined because it's partially obscured by another element
-
<td class="fc-day-number fc-sun fc-other-month fc-future" data-date="2023-10-01">1</td>Element selector:thead > tr > .fc-sun.fc-other-month[data-date="2023-10-01"]Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.calendar-sm-container
-
Element content is too short to determine if it is actual text content
-
<td class="fc-day-number fc-mon fc-other-month fc-future" data-date="2023-10-02">2</td>Element selector:thead > tr > .fc-mon.fc-other-month[data-date="2023-10-02"]Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.calendar-sm-container
-
Element content is too short to determine if it is actual text content
-
<td class="fc-day-number fc-tue fc-other-month fc-future" data-date="2023-10-03">3</td>Element selector:thead > tr > .fc-tue.fc-other-month[data-date="2023-10-03"]Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.calendar-sm-container
-
Element content is too short to determine if it is actual text content
-
<td class="fc-day-number fc-wed fc-other-month fc-future" data-date="2023-10-04">4</td>Element selector:thead > tr > .fc-wed.fc-other-month[data-date="2023-10-04"]Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.calendar-sm-container
-
Element content is too short to determine if it is actual text content
-
<td class="fc-day-number fc-thu fc-other-month fc-future" data-date="2023-10-05">5</td>Element selector:thead > tr > .fc-thu.fc-other-month[data-date="2023-10-05"]Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.calendar-sm-container
-
Element content is too short to determine if it is actual text content
-
<td class="fc-day-number fc-fri fc-other-month fc-future" data-date="2023-10-06">6</td>Element selector:thead > tr > .fc-fri.fc-other-month[data-date="2023-10-06"]Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.calendar-sm-container
-
Element content is too short to determine if it is actual text content
-
<td class="fc-day-number fc-sat fc-other-month fc-future" data-date="2023-10-07">7</td>Element selector:thead > tr > .fc-sat.fc-other-month[data-date="2023-10-07"]Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.calendar-sm-container
-
Element content is too short to determine if it is actual text content
-
<h3 class="panel-title"> Current Weather </h3>Element selector:.module-header-color.panel-heading > .panel-titleFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#currentWeatherPage > .module > .module-header-color.panel-heading
-
Element's background color could not be determined due to a background image
-
<h3 class="panel-title"> Contact Information <span class="glyphicon glyphicon-info-sign"></span> </h3>Element selector:.module > .module-header-color.panel-heading > .moduleHeader > .panel-titleFailing 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:nth-child(7) > .module > .module-header-color.panel-heading
-
Element's background color could not be determined due to a background image
Table headers in a data table must refer to data cells
Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe. Axe Reference
-
<table>Element selector:.fc-row.fc-widget-header > tableFailing checks (All of these should pass)
-
Table data cells are missing or empty
th:nth-child(7)
-
Table data cells are missing or empty