Page Scan Results:
Green Country Technology Center
https://gctcok.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
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:.lineHeightIconFailing 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.
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<a target="_blank" href="https://www.facebook.com/greencountrytechnologycenter/"><em class="f4SocialIcon circlefa fa fa-facebook icon-social" aria-hidden="true"></em></a>Element selector:.social > a[target="_blank"]:nth-child(2)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
-
<a target="_blank" href="https://twitter.com/gctcok"><em class="f4SocialIcon circlefa fa fa-twitter icon-social" aria-hidden="true"></em></a>Element selector:a[href$="gctcok"]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
-
<a target="_blank" href="https://www.instagram.com/gctcok/"><em class="f4SocialIcon circlefa fa fa-instagram icon-social" aria-hidden="true"></em></a>Element selector:a[target="_blank"]:nth-child(4)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
-
<a target="_blank" href="https://www.youtube.com/c/GreenCountryTechCenter"><em class="f4SocialIcon circlefa fa fa-youtube icon-social" aria-hidden="true"></em></a>Element selector:.social > a[target="_blank"]:nth-child(5)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
ARIA roles used must conform to valid values
Ensures all elements with a role attribute use a valid value. Axe Reference
-
<div class="stack_image_hovers" role="stack_image_hovers">Element selector:.stack_image_hoversFailing checks (All of these should pass)
- Role must be one of the valid ARIA roles: stack_image_hovers
<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
#accessibility_link.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-lgFailing 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
-
<a href="/53937_1" class="dropdown-toggle mainlink_a has-submenu" aria-haspopup="true" aria-expanded="false" id="sm-1694984439677149-1" aria-controls="sm-1694984439677149-2">Classes <span class="caret"></span></a>Element selector:#sm-1694984439677149-1Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.navbar-default
-
Element's background color could not be determined due to a background image
-
<a href="/53939_1" class="dropdown-toggle mainlink_a has-submenu" aria-haspopup="true" aria-expanded="false" id="sm-1694984439677149-3" aria-controls="sm-1694984439677149-4">Student Resources <span class="caret"></span></a>Element selector:#sm-1694984439677149-3Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.navbar-default
-
Element's background color could not be determined due to a background image
-
<a href="/53941_1" class="dropdown-toggle mainlink_a has-submenu" aria-haspopup="true" aria-expanded="false" id="sm-1694984439677149-5" aria-controls="sm-1694984439677149-6">Campus Resources <span class="caret"></span></a>Element selector:#sm-1694984439677149-5Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.navbar-default
-
Element's background color could not be determined due to a background image
-
<a href="/53943_1" class="dropdown-toggle mainlink_a has-submenu" aria-haspopup="true" aria-expanded="false" id="sm-1694984439677149-7" aria-controls="sm-1694984439677149-8">Workforce and Economic Development <span class="caret"></span></a>Element selector:#sm-1694984439677149-7Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.navbar-default
-
Element's background color could not be determined due to a background image
-
<a href="/53945_1" class="dropdown-toggle mainlink_a has-submenu" aria-haspopup="true" aria-expanded="false" id="sm-1694984439677149-9" aria-controls="sm-1694984439677149-10">About Us <span class="caret"></span></a>Element selector:#sm-1694984439677149-9Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.navbar-default
-
Element's background color could not be determined due to a background image
-
<div class="inline_edit_279489" data-array-in-col="false" data-eleid="417" contenteditable="false" data-text-only="1" data-stack-row-multi="single_col_json" data-key="Title 1" data-colum="text_json">FULL TIME</div>Element selector:div[data-key="Title 1"]Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a[href="https://gctcok.edu/342868_2"] > .img-rollover-container
-
Element's background color could not be determined due to a background image
-
<div class="inline_edit_279489" data-array-in-col="false" data-eleid="417" contenteditable="false" data-text-only="1" data-stack-row-multi="single_col_json" data-key="Title 2" data-colum="text_json">ONLINE CLASSES</div>Element selector:div[data-key="Title 2"]Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a[href="https://gctcok.edu/342870_2"] > .img-rollover-container
-
Element's background color could not be determined due to a background image
-
<div class="inline_edit_279489" data-array-in-col="false" data-eleid="417" contenteditable="false" data-text-only="1" data-stack-row-multi="single_col_json" data-key="Title 3" data-colum="text_json">SHORT TERM COURSES</div>Element selector:div[data-key="Title 3"]Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
a[href="https://gctcok.edu/342869_2"] > .img-rollover-container
-
Element's background color could not be determined due to a background image
-
<span style="font-family:Rajdhani;"><br> Mission Statement</span>Element selector:p:nth-child(1) > span:nth-child(1) > span > span > span > span > span > spanFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.custom_270038
-
Element's background color could not be determined due to a background image
-
<span style="font-family:Roboto;">Developing a world-class workforce by preparing YOU for<br> success through specialized training.</span>Element selector:.inline_edit_270038 > p:nth-child(2) > span > span > span > spanFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.custom_270038
-
Element's background color could not be determined due to a background image
-
<span style="font-family:Roboto;">Element selector:p:nth-child(3) > span > span > span > spanFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.custom_270038
-
Element's background color could not be determined due to a background image
-
<span style="font-family:Roboto;">Green Country Technology Center </span>Element selector:p:nth-child(3) > span > span > span > span > span > span > spanFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.custom_270038
-
Element's background color could not be determined due to a background image
-
<h3 class="calTitleName" style="margin-left:20px;">Upcoming Events</h3>Element selector:.events_wrapper > .calTitleNameFailing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
.events_wrapper
-
Element's background color could not be determined because it's partially obscured by another element
-
<h3 class="calTitleName" style="margin-left:20px;margin-left:0px;">District Calendar</h3>Element selector:#calendar-content-113996_279493\ > .calTitleNameFailing 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_wrapper
-
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
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
<video> elements must have captions
Ensures <video> elements have captions. Axe Reference
-
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" style="width:100%;" class="img-responsive"> <source src="https://files.gabbart.com/2744/gctc_web_header.mp4"> </video>Element selector:videoFailing checks (All of these should pass)
- Check that captions is available for the element