Page Scan Results:
CHISHOLM TRAIL
TECHNOLOGY CENTER
https://www.cttc.edu/564886_3
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
Certain ARIA roles must be contained by particular parents
Ensures elements with an ARIA role that require parent roles are contained by them. Axe Reference
-
<div class="npc-step active " tabindex="0" title="Current step is Step 1" role="option"><div class="npc-step-circle" aria-hidden="true"><span>?</span></div><div class="npc-step-title" tabindex="-1">Step 1</div><div class="npc-step-bar-left"></div><div class="npc-step-bar-right"></div></div>Element selector:div[title="Current step is Step 1"]Failing checks (At least one of these should pass)
- Required ARIA parents role not present: group, listbox
-
<div class="npc-step " tabindex="-1" title="" role="option"><div class="npc-step-circle" aria-hidden="true"><span>2</span></div><div class="npc-step-title" tabindex="-1">Step 2</div><div class="npc-step-bar-left"></div><div class="npc-step-bar-right"></div></div>Element selector:.npc-step[title=""][role="option"]:nth-child(2)Failing checks (At least one of these should pass)
- Required ARIA parents role not present: group, listbox
-
<div class="npc-step " tabindex="-1" title="" role="option"><div class="npc-step-circle" aria-hidden="true"><span>3</span></div><div class="npc-step-title" tabindex="-1">Step 3</div><div class="npc-step-bar-left"></div><div class="npc-step-bar-right"></div></div>Element selector:.npc-step[title=""][role="option"]:nth-child(3)Failing checks (At least one of these should pass)
- Required ARIA parents role not present: group, listbox
-
<div class="npc-step " tabindex="-1" title="" role="option"><div class="npc-step-circle" aria-hidden="true"><span>4</span></div><div class="npc-step-title" tabindex="-1">Step 4</div><div class="npc-step-bar-left"></div><div class="npc-step-bar-right"></div></div>Element selector:.npc-step[title=""][role="option"]:nth-child(4)Failing checks (At least one of these should pass)
- Required ARIA parents role not present: group, listbox
-
<div class="npc-step " tabindex="-1" title="" role="option"><div class="npc-step-circle" aria-hidden="true"><span>5</span></div><div class="npc-step-title" tabindex="-1">Step 5</div><div class="npc-step-bar-left"></div><div class="npc-step-bar-right"></div></div>Element selector:.npc-step[title=""][role="option"]:nth-child(5)Failing checks (At least one of these should pass)
- Required ARIA parents role not present: group, listbox
-
<div class="npc-step " tabindex="-1" title="" role="option"><div class="npc-step-circle" aria-hidden="true"><span>6</span></div><div class="npc-step-title" tabindex="-1">Step 6</div><div class="npc-step-bar-left"></div><div class="npc-step-bar-right"></div></div>Element selector:.npc-step[title=""][role="option"]:nth-child(6)Failing checks (At least one of these should pass)
- Required ARIA parents role not present: group, listbox
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.
<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 Summary
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">Net Price Calculator</h2>Element selector: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
#page-content-wrapper > .row > .content-color.col-md-12
-
Element's background color could not be determined because it's partially obscured by another element
-
<h1 class="decorated"><span class="strong">Chisholm Trail Technology Center</span> Net Price Calculator</h1>Element selector:.decoratedFailing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
.header-wrapper
-
Element's background color could not be determined because it's partially obscured by another element