Page Scan Results:
About Us
https://www.rose.edu/content/about-us/contact-us
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
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<div class="news-publish-date">Wednesday, September 13, 2023</div>
Element selector:.news-item.clearfix:nth-child(1) > .news-content > .news-publish-date
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.43 (foreground color: #808080, background color: #eeeff0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
.news-item.clearfix:nth-child(1)
-
Element has insufficient color contrast of 3.43 (foreground color: #808080, background color: #eeeff0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
-
<div class="news-publish-date">Wednesday, August 16, 2023</div>
Element selector:.news-item.clearfix:nth-child(2) > .news-content > .news-publish-date
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.43 (foreground color: #808080, background color: #eeeff0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
.news-item.clearfix:nth-child(2)
-
Element has insufficient color contrast of 3.43 (foreground color: #808080, background color: #eeeff0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
-
<div class="news-publish-date">Wednesday, August 16, 2023</div>
Element selector:.news-item.clearfix:nth-child(3) > .news-content > .news-publish-date
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.43 (foreground color: #808080, background color: #eeeff0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
.news-item.clearfix:nth-child(3)
-
Element has insufficient color contrast of 3.43 (foreground color: #808080, background color: #eeeff0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
Elements must only use supported ARIA attributes
Ensures an element's role supports its ARIA attributes. Axe Reference
-
<a class="btn btn-primary collapsed overview-mobile-control" data-target=".overview-mobile-nav" data-toggle="collapse" aria-expanded="false" aria-controls="overview-mobile-nav"> Explore This Section </a>
Element selector:.btn-primary
Failing checks (All of these should pass)
- ARIA attribute is not allowed: aria-expanded="false"
ARIA input fields must have an accessible name
Ensures every ARIA input field has an accessible name. Axe Reference
-
<div class="slick-track" role="listbox" style="opacity: 1; width: 4000px; transform: translate3d(-800px, 0px, 0px);">
Element selector:.slick-track
Failing checks (At least one of these should pass)
- 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
Frames must have an accessible name
Ensures <iframe> and <frame> elements have an accessible name. Axe Reference
-
<iframe frameborder="0" scrolling="no" allowtransparency="true" width="150" height="166" src="https://cdn.yoshki.com/iframe/54732.html" style="border:0px; margin:0px; padding:0px; margin-left: 15px; backgroundColor:transparent;"></iframe>
Element selector:iframe[frameborder="0"]
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"
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<a target="_blank" href="https://www.hlcommission.org/HLC-Institutions/mark-of-affiliation-verification.html?104108099+118097108105100097116105111110+108111103111046112110103+104116116112115058047047119119119046114111115101046101100117047099111110116101110116047110101119115045101118101110116115047101118101110116045099101110116101114115047114111115101045115116097116101045099111108108101103101045104117100105098117114103045099104101118114111108101116045099101110116101114&UGxEQk3X8u9aZVh41%2fcZQ9tlKCyBK80%2fYQJHySrFYObaqYJf%2fDtfpgnuvcb8xfgcopQvRsUoljq9puC0MOBmO6lCzq9Ny3qK0AHNRLQ1%2bJ5o007xp6hY6prtriPNjnm6IWkztyE42o0%3d">
Element selector:.extra-logos > a[target="_blank"]
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
Interactive controls must not be nested
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
-
<div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00" style="width: 800px;">
Element selector:.slick-current
Failing checks (At least one of these should pass)
-
Element has focusable descendants
.slick-current > .slide-content > .marquee-content > .cta > a[target="_blank"]
-
Element has focusable descendants
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="#body-content">Skip Navigation</a>
Element selector:a[href$="#body-content"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<button type="button" data-role="none" class="slick-prev slick-arrow" aria-label="Previous" role="button" style="display: block;">Previous</button>
Element selector:.slick-prev
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.slick-current > .marquee-overlay.hidden-xs
-
Element's background color could not be determined due to a background gradient
-
<h2 class="title">Have a Question?</h2>
Element selector:.slick-current > .slide-content > .marquee-content > h2
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.slick-current > .marquee-overlay.hidden-xs
-
Element's background color could not be determined due to a background gradient
-
<div class="subtitle">The Rose State catalog has info on everything you need to know — admission, enrollment, courses, tuition, staff and more </div>
Element selector:.slick-current > .slide-content > .marquee-content > .subtitle
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.slick-current > .marquee-overlay.hidden-xs
-
Element's background color could not be determined due to a background gradient
-
<a target="_blank" href="https://www.rose.edu/media/9440/revised-oct-15-rsc-catalog-2018-2019.pdf" tabindex="0">View Catalog</a>
Element selector:.slick-current > .slide-content > .marquee-content > .cta > a[target="_blank"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.slick-current > .marquee-overlay.hidden-xs
-
Element's background color could not be determined due to a background gradient
-
<button type="button" data-role="none" class="slick-next slick-arrow" aria-label="Next" role="button" style="display: block;">Next</button>
Element selector:.slick-next
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.slick-current > .marquee-overlay.hidden-xs
-
Element's background color could not be determined due to a background gradient
-
<a href="/">Home</a>
Element selector:li:nth-child(1) > a[href="/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a href="/content/about-us/">About Us</a>
Element selector:li:nth-child(2) > a[href$="about-us/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<li class="active">Contact Us</li>
Element selector:ol > .active
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
Links must be distinguishable without relying on color
Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference
-
<a href="/content/admissions-aid/admissions-records/"><span>A</span><span>dmissions</span></a>
Element selector:p:nth-child(2) > a
Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined because of element overlap
p:nth-child(2)
-
Element's contrast ratio could not be determined because of element overlap
-
<a data-id="1329" href="/content/academics/student-services/academic-advisement/" title="Academic Advisement">Academic Advisement</a>
Element selector:a[data-id="1329"]
Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined because of element overlap
p:nth-child(4)
-
Element's contrast ratio could not be determined because of element overlap
ARIA attributes must conform to valid values
Ensures all ARIA attributes have valid values. Axe Reference
-
<div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00" style="width: 800px;">
Element selector:.slick-current
Failing checks (All of these should pass)
- ARIA attribute element ID does not exist on the page: aria-describedby="slick-slide00"