Page Scan Results:
Library

https://cmn.edu/library/

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 meet minimum color contrast ratio thresholds
22
Links must have discernible text
11
Links must be distinguishable without relying on color
4
Frames must have an accessible name
1
Images must have alternate text
1

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. <p class="title notranslate">Librarian</p>
    Element selector:
    .title
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.1 (foreground color: #b3b3b1, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .kingster-body-wrapper 
  2. <span class="gdlr-core-opening-hour-day">Monday</span>
    Element selector:
    .gdlr-core-opening-hour-list-item:nth-child(1) > .gdlr-core-opening-hour-day
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.46 (foreground color: #a5a5a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .kingster-body-wrapper 
  3. <span class="gdlr-core-opening-hour-day">Tuesday</span>
    Element selector:
    .gdlr-core-opening-hour-list-item:nth-child(2) > .gdlr-core-opening-hour-day
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.46 (foreground color: #a5a5a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .kingster-body-wrapper 
  4. <span class="gdlr-core-opening-hour-day">Wednesday</span>
    Element selector:
    .gdlr-core-opening-hour-list-item:nth-child(3) > .gdlr-core-opening-hour-day
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.46 (foreground color: #a5a5a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .kingster-body-wrapper 
  5. <span class="gdlr-core-opening-hour-day">Thursday</span>
    Element selector:
    .gdlr-core-opening-hour-list-item:nth-child(4) > .gdlr-core-opening-hour-day
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.46 (foreground color: #a5a5a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .kingster-body-wrapper 
  6. <span class="gdlr-core-opening-hour-day">Friday</span>
    Element selector:
    .gdlr-core-opening-hour-list-item:nth-child(5) > .gdlr-core-opening-hour-day
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.46 (foreground color: #a5a5a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .kingster-body-wrapper 
  7. <span class="gdlr-core-opening-hour-day">Saturday</span>
    Element selector:
    .gdlr-core-opening-hour-list-item:nth-child(6) > .gdlr-core-opening-hour-day
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.46 (foreground color: #a5a5a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .kingster-body-wrapper 
  8. <span class="gdlr-core-opening-hour-time gdlr-core-opening-hour-close">Closed<i class="icon_close_alt2"></i></span>
    Element selector:
    .gdlr-core-opening-hour-list-item:nth-child(6) > .gdlr-core-opening-hour-close.gdlr-core-opening-hour-time
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.67 (foreground color: #c8c8c8, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 .kingster-body-wrapper 
  9. <span class="gdlr-core-opening-hour-day">Sunday</span>
    Element selector:
    .gdlr-core-opening-hour-list-item:nth-child(7) > .gdlr-core-opening-hour-day
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.46 (foreground color: #a5a5a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .kingster-body-wrapper 
  10. <span class="gdlr-core-opening-hour-time gdlr-core-opening-hour-close">Closed<i class="icon_close_alt2"></i></span>
    Element selector:
    .gdlr-core-opening-hour-list-item:nth-child(7) > .gdlr-core-opening-hour-close.gdlr-core-opening-hour-time
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.67 (foreground color: #c8c8c8, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 .kingster-body-wrapper 
  11. <time class="tribe-events-widget-events-list__event-datetime" datetime="2023-09-11"> All day </time>
    Element selector:
    .tribe-events-widget-events-list__event-datetime[datetime="2023-09-11"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.15 (foreground color: #ff0000, background color: #333333, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 main 
  12. <time class="tribe-events-widget-events-list__event-datetime" datetime="2023-10-06"> All day </time>
    Element selector:
    .tribe-events-widget-events-list__event-datetime[datetime="2023-10-06"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.15 (foreground color: #ff0000, background color: #333333, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 main 
  13. <time class="tribe-events-widget-events-list__event-datetime" datetime="2023-10-16"> All day </time>
    Element selector:
    .tribe-events-widget-events-list__event-datetime[datetime="2023-10-16"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.15 (foreground color: #ff0000, background color: #333333, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 main 
  14. <time class="tribe-events-widget-events-list__event-datetime" datetime="2023-10-18"> All day </time>
    Element selector:
    .tribe-events-widget-events-list__event-datetime[datetime="2023-10-18"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.15 (foreground color: #ff0000, background color: #333333, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 main 
  15. <time class="tribe-events-widget-events-list__event-datetime" datetime="2023-11-10"> All day </time>
    Element selector:
    .tribe-events-widget-events-list__event-datetime[datetime="2023-11-10"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.15 (foreground color: #ff0000, background color: #333333, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 main 
  16. <a href="https://cmn.edu/consumer-information/">Consumer Information</a>
    Element selector:
    .menu-item-7765 > a
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.52 (foreground color: #d92128, background color: #333333, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 footer > .kingster-footer-wrapper 
  17. <a target="_blank" rel="noopener" href="https://getrave.com/login/mvsktc/">Raven Alerts</a>
    Element selector:
    .menu-item-7843 > a[rel="noopener"][target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.52 (foreground color: #d92128, background color: #333333, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 footer > .kingster-footer-wrapper 
  18. <a href="https://cmn.edu/security/">Campus Security</a>
    Element selector:
    .menu-item-8807 > a[href$="security/"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.52 (foreground color: #d92128, background color: #333333, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 footer > .kingster-footer-wrapper 
  19. <a target="_blank" rel="noopener" href="https://tribalcollegejournal.org">Tribal College Journal</a>
    Element selector:
    .menu-item-7766 > a[rel="noopener"][target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.52 (foreground color: #d92128, background color: #333333, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 footer > .kingster-footer-wrapper 
  20. <a target="_blank" rel="noopener" href="https://www.muscogeenation.com/">Muscogee (Creek) Nation</a>
    Element selector:
    .menu-item-7767 > a[rel="noopener"][target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.52 (foreground color: #d92128, background color: #333333, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 footer > .kingster-footer-wrapper 
  21. <a target="_blank" rel="noopener" href="http://www.aihec.org">American Indian Higher Education Consortium</a>
    Element selector:
    a[href$="www.aihec.org"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.52 (foreground color: #d92128, background color: #333333, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 footer > .kingster-footer-wrapper 
  22. <div class="kingster-copyright-left kingster-item-pdlr">Copyright All Right Reserved 2023, College of the Muscogee Nation</div>
    Element selector:
    .kingster-copyright-left
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.29 (foreground color: #838383, background color: #202020, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 .kingster-copyright-wrapper

Links must be distinguishable without relying on color

serious

Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.4.1, EN-301-549, EN-9.1.4.1 
  1. <a href="https://cmn.edu/library/library-catalog-search/">CMN Library Catalog</a>
    Element selector:
    .gdlr-core-text-box-item-content > p:nth-child(1) > a
    Failing checks (At least one of these should pass)
    • The link has insufficient color contrast of 1.09:1 with the surrounding text. (Minimum contrast is 3:1, link text: #bf2b2b, surrounding text: #6b6b6b) .gdlr-core-pbf-element:nth-child(1) > .gdlr-core-left-align.gdlr-core-text-box-item.gdlr-core-item-pdb > .gdlr-core-text-box-item-content > p:nth-child(1)
    • The link has no styling (such as underline) to distinguish it from the surrounding text .gdlr-core-pbf-element:nth-child(1) > .gdlr-core-left-align.gdlr-core-text-box-item.gdlr-core-item-pdb > .gdlr-core-text-box-item-content > p:nth-child(1) 
  2. <a href="https://cmn.edu/libraryhandbook">CMN Library Handbook</a>
    Element selector:
    p:nth-child(4) > a
    Failing checks (At least one of these should pass)
    • The link has insufficient color contrast of 1.09:1 with the surrounding text. (Minimum contrast is 3:1, link text: #bf2b2b, surrounding text: #6b6b6b) p:nth-child(4)
    • The link has no styling (such as underline) to distinguish it from the surrounding text p:nth-child(4) 
  3. <a href="http://libraries.ok.gov/digital-prairie-resources/" target="_blank" rel="noopener">Oklahoma State Department of Libraries’ Digital Prairie Project</a>
    Element selector:
    p:nth-child(5) > a[rel="noopener"][target="_blank"]:nth-child(1)
    Failing checks (At least one of these should pass)
    • The link has insufficient color contrast of 1.09:1 with the surrounding text. (Minimum contrast is 3:1, link text: #bf2b2b, surrounding text: #6b6b6b) p:nth-child(5)
    • The link has no styling (such as underline) to distinguish it from the surrounding text p:nth-child(5) 
  4. <a href="https://www.worldcat.org" target="_blank" rel="noopener">WorldCat</a>
    Element selector:
    a[href$="www.worldcat.org"]
    Failing checks (At least one of these should pass)
    • The link has insufficient color contrast of 1.09:1 with the surrounding text. (Minimum contrast is 3:1, link text: #bf2b2b, surrounding text: #6b6b6b) p:nth-child(5)
    • The link has no styling (such as underline) to distinguish it from the surrounding text p:nth-child(5)

Frames must have an accessible name

serious

Ensures <iframe> and <frame> elements have an accessible name. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, Old Section 508, EN-301-549, EN-9.4.1.2 
  1. <iframe style="border: 0px; margin: 0px; padding: 0px; backgroundcolor: transparent; height: 170px;" width="150" height="166" frameborder="0" scrolling="no" data-src="https://cdn.yoshki.com/iframe/54732.html" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
    Element selector:
    iframe[width="150"]
    Failing checks (At least one of these should pass)
    • Element has no title attribute
    • 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's default semantics were not overridden with role="none" or role="presentation"

Images must have alternate text

critical

Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.1.1, Old Section 508, EN-301-549, EN-9.1.1.1, ACT 
  1. <img decoding="async" style="border: 0px; margin: 0px; padding: 0px; backgroundcolor: transparent;max-width:150px;" data-src="https://cmn.edu/content/ATD-Badge-Leader-College-768x780.png" class="alignright lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
    Element selector:
    .alignright
    Failing checks (At least one of these should pass)
    • Element does not have an alt attribute
    • 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
    • Element's default semantics were not overridden with role="none" or role="presentation"