Page Scan Results:
Home

https://www.mntc.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 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 href="https://goo.gl/maps/aNmTZ22CdStpwNdK6" target="_blank">Directions</a>
    Element selector:
    #fsEl_26338 > .fsElementContent > div:nth-child(4) > a[target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.71 (foreground color: #b00069, background color: #003b5c, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1 html
  2. <a href="https://goo.gl/maps/qimimNuhBpg8Uv988" target="_blank">Directions</a>
    Element selector:
    #fsEl_26340 > .fsElementContent > div:nth-child(4) > a[target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.71 (foreground color: #b00069, background color: #003b5c, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1 html
  3. <a href="https://goo.gl/maps/hUam2So8cnApg8fV6" target="_blank">Directions</a>
    Element selector:
    #fsEl_32021 > .fsElementContent > div:nth-child(4) > a[target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.71 (foreground color: #b00069, background color: #003b5c, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1 html
  4. <h3 class="fsElementTitle">Legal Statements</h3>
    Element selector:
    #fsEl_32022 > header > h3
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.96 (foreground color: #636363, background color: #003b5c, font size: 18.0pt (24px), font weight: bold). Expected contrast ratio of 3:1 html
  5. <h3 class="fsElementTitle">Policies</h3>
    Element selector:
    #fsEl_32023 > header > h3
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.96 (foreground color: #636363, background color: #003b5c, font size: 18.0pt (24px), font weight: bold). Expected contrast ratio of 3:1 html
  6. <h2 class="fsElementTitle">Follow us</h2>
    Element selector:
    #fsEl_32026 > header > h2
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.96 (foreground color: #636363, background color: #003b5c, font size: 21.0pt (28px), font weight: bold). Expected contrast ratio of 3:1 html
  7. <a href="http://www.facebook.com/MooreNormanTech" target="_blank">Facebook<span class="fsStyleSROnly">(opens in new window/tab)</span></a>
    Element selector:
    #fsEl_32026 > .fsElementContent > nav > .fsNavLevel1 > li:nth-child(1) > a[target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.71 (foreground color: #b00069, background color: #003b5c, font size: 0.0pt (0px), font weight: normal). Expected contrast ratio of 4.5:1 html
  8. <a href="http://www.twitter.com/MooreNormanTech" target="_blank">Twitter<span class="fsStyleSROnly">(opens in new window/tab)</span></a>
    Element selector:
    #fsEl_32026 > .fsElementContent > nav > .fsNavLevel1 > li:nth-child(2) > a[target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.71 (foreground color: #b00069, background color: #003b5c, font size: 0.0pt (0px), font weight: normal). Expected contrast ratio of 4.5:1 html
  9. <a href="https://www.instagram.com/moorenormantech/" target="_blank">Instagram<span class="fsStyleSROnly">(opens in new window/tab)</span></a>
    Element selector:
    .fsNavLevel1 > li:nth-child(3) > a[target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.71 (foreground color: #b00069, background color: #003b5c, font size: 0.0pt (0px), font weight: normal). Expected contrast ratio of 4.5:1 html
  10. <a href="http://www.youtube.com/user/MooreNorman" target="_blank">YouTube<span class="fsStyleSROnly">(opens in new window/tab)</span></a>
    Element selector:
    .fsNavLevel1 > li:nth-child(4) > a[target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.71 (foreground color: #b00069, background color: #003b5c, font size: 0.0pt (0px), font weight: normal). Expected contrast ratio of 4.5:1 html
  11. <a href="https://www.linkedin.com/school/moore-norman-technology-center/" target="_blank">LinkedIn<span class="fsStyleSROnly">(opens in new window/tab)</span></a>
    Element selector:
    .fsNavLevel1 > li:nth-child(5) > a[target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.71 (foreground color: #b00069, background color: #003b5c, font size: 0.0pt (0px), font weight: normal). Expected contrast ratio of 4.5:1 html

Interactive controls must not be nested

serious

Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2
  1. <li class="feed-item j-twitter j-twitter-bg image-post MooreNormanTech is-not-youTube slick-slide slick-current slick-active" data-id="474416511" data-source="twitter" role="option" aria-describedby="slick-slide10" style="width: 240px;" data-slick-index="0" aria-hidden="false">
    Element selector:
    .slick-current[data-id="474416511"][aria-describedby="slick-slide10"]
    Failing checks (At least one of these should pass)
    • Element has focusable descendants .slick-current[data-id="474416511"][aria-describedby="slick-slide10"] > .j-image[data-external-id="1700634961517084994"][data-video-url=""] #slick-slide10 > .j-poster > a[target="_blank"]:nth-child(1) #slick-slide10 > .j-poster > .j-twitter-text.j-social.j-twitter-post-icon #slick-slide10 > .j-message > p > .auto[target="_blank"] #slick-slide10 > .j-message > p > a[href$="7QGNS37aUQ"][target="_blank"] #slick-slide10 > .j-meta > .j-twitter-intents > li:nth-child(1) > .j-twitter-reply #slick-slide10 > .j-meta > .j-twitter-intents > li:nth-child(2) > .j-twitter-retweet #slick-slide10 > .j-meta > .j-twitter-intents > li:nth-child(3) > .j-twitter-like #slick-slide10 > .j-meta > a[target="_blank"]
  2. <li class="feed-item j-twitter j-twitter-bg image-post MooreNormanTech is-not-youTube slick-slide slick-active" data-id="473270761" data-source="twitter" role="option" aria-describedby="slick-slide11" style="width: 240px;" data-slick-index="1" aria-hidden="false">
    Element selector:
    li[data-id="473270761"][aria-describedby="slick-slide11"][data-slick-index="1"]
    Failing checks (At least one of these should pass)
    • Element has focusable descendants li[data-id="473270761"][aria-describedby="slick-slide11"][data-slick-index="1"] > .j-image[data-external-id="1690388193491734528"][data-video-url=""] #slick-slide11 > .j-poster > a[target="_blank"]:nth-child(1) #slick-slide11 > .j-poster > .j-twitter-text.j-social.j-twitter-post-icon #slick-slide11 > .j-message > p > a[target="_blank"]:nth-child(1) #slick-slide11 > .j-message > p > a[target="_blank"]:nth-child(2) #slick-slide11 > .j-message > p > a[href$="Xx1epM8R02"][target="_blank"] #slick-slide11 > .j-message > p > a[target="_blank"]:nth-child(8) #slick-slide11 > .j-message > p > a[target="_blank"]:nth-child(9) #slick-slide11 > .j-message > p > a[target="_blank"]:nth-child(10) #slick-slide11 > .j-meta > .j-twitter-intents > li:nth-child(1) > .j-twitter-reply #slick-slide11 > .j-meta > .j-twitter-intents > li:nth-child(2) > .j-twitter-retweet #slick-slide11 > .j-meta > .j-twitter-intents > li:nth-child(3) > .j-twitter-like #slick-slide11 > .j-meta > a[target="_blank"]
  3. <li class="feed-item j-twitter j-twitter-bg image-post MooreNormanTech is-not-youTube slick-slide slick-active" data-id="473059667" data-source="twitter" role="option" aria-describedby="slick-slide12" style="width: 240px;" data-slick-index="2" aria-hidden="false">
    Element selector:
    li[data-id="473059667"][aria-describedby="slick-slide12"][data-slick-index="2"]
    Failing checks (At least one of these should pass)
    • Element has focusable descendants li[data-id="473059667"][aria-describedby="slick-slide12"][data-slick-index="2"] > .j-image[data-external-id="1687490610372993024"][data-video-url=""] #slick-slide12 > .j-poster > a[target="_blank"]:nth-child(1) #slick-slide12 > .j-poster > .j-twitter-text.j-social.j-twitter-post-icon #slick-slide12 > .j-message > p > a[target="_blank"]:nth-child(1) #slick-slide12 > .j-message > p > a[target="_blank"]:nth-child(4) #slick-slide12 > .j-message > p > a[target="_blank"]:nth-child(5) #slick-slide12 > .j-message > p > a[href$="rvhseaZYgB"][target="_blank"] #slick-slide12 > .j-message > p > a[target="_blank"]:nth-child(11) #slick-slide12 > .j-message > p > a[target="_blank"]:nth-child(12) #slick-slide12 > .j-message > p > a[target="_blank"]:nth-child(13) #slick-slide12 > .j-message > p > a[target="_blank"]:nth-child(14) #slick-slide12 > .j-message > p > a[target="_blank"]:nth-child(15) #slick-slide12 > .j-meta > .j-twitter-intents > li:nth-child(1) > .j-twitter-reply #slick-slide12 > .j-meta > .j-twitter-intents > li:nth-child(2) > .j-twitter-retweet #slick-slide12 > .j-meta > .j-twitter-intents > li:nth-child(3) > .j-twitter-like #slick-slide12 > .j-meta > a[target="_blank"]

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. <div class="slick-track" style="opacity: 1; width: 0px; transform: translate3d(0px, 0px, 0px);" aria-label="Slideshow"></div>
    Element selector:
    #fsEl_30755 > .fsElementContent > .fsElementSlideshow.slick-initialized[data-autoplay="true"] > .slick-list.draggable > .slick-track[aria-label="Slideshow"]
    Failing checks (All of these should pass)
    • aria-label attribute cannot be used on a div with no valid role attribute.

ARIA toggle fields must have an accessible name

serious

Ensures every ARIA toggle field has an accessible name. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2, ACT
  1. <article class="fsResource fsStyleAutoclear fsResourceTypeImage slick-slide slick-current slick-active" style="width: 800px;" role="option" aria-describedby="slick-slide00" data-slick-index="0" aria-hidden="false">
    Element selector:
    .slick-current[aria-describedby="slick-slide00"][data-slick-index="0"]
    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