Page Scan Results:
Wes Watkins Technology Center

https://www.wwtech.org/

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 Summary

Elements must only use permitted ARIA attributes
3
Certain ARIA roles must contain particular children
1
Elements must meet minimum color contrast ratio thresholds
1
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
1
<li> elements must be contained in a <ul> or <ol>
1

Known Issues on This Page

Elements must only use permitted ARIA attributes

serious

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

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2 
  1. <span aria-label="Home" class="glyphicon glyphicon-home lineHeightIcon" style="line-height: unset;"></span>
    Element selector:
    span[aria-label="Home"]
    Failing checks (All of these should pass)
    • aria-label attribute cannot be used on a span with no valid role attribute. 
  2. <span aria-label="Search" class="glyphicon glyphicon-search lineHeightIcon" style="line-height: unset;"></span>
    Element selector:
    .glyphicon-search.lineHeightIcon[aria-label="Search"]
    Failing checks (All of these should pass)
    • aria-label attribute cannot be used on a span with no valid role attribute. 
  3. <div aria-label="campus sign" style="background:url(https://files.gabbart.com/2511/jln4kz.png); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
    Element selector:
    div[aria-label="campus sign"]
    Failing checks (All of these should pass)
    • aria-label attribute cannot be used on a div with no valid role attribute.

Certain ARIA roles must contain particular children

critical

Ensures elements with an ARIA role that require child roles contain them. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1 
  1. <div aria-label="slideshow" class="carousel-inner" role="listbox">
    Element selector:
    div[aria-label="slideshow"]
    Failing checks (At least one of these should pass)
    • Element has children which are not allowed: div[aria-label] div[aria-label="campus sign"]
    • Element uses aria-busy="true" while showing a loader

Elements must meet minimum color contrast ratio thresholds

serious

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

Rule type: WCAG 2.0 AA, WCAG SC 1.4.3, EN-301-549, EN-9.1.4.3, ACT 
  1. <a class="twitter-timeline" data-height="535" data-theme="light" data-width="800" href="https://twitter.com/https://www.twitter.com/weswatkinstech" data-twitter-extracted-i1694985038097772885="true">Tweets</a>
    Element selector:
    a[data-theme="light"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.88 (foreground color: #f48167, background color: #dddddd, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #row1social_3stack_227475 > .social_widget.carousel-inner

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

serious

Ensures that lists are structured correctly. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1 
  1. <ul class="list-inline">
    Element selector:
    .list-inline
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: span, br .footerColor .list-inline > br

<li> elements must be contained in a <ul> or <ol>

serious

Ensures <li> elements are used semantically. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1 
  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:
    #bs-example-navbar-collapse-1 > .visible-xs.visible-sm.hidden-lg
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element