Page Scan Results:
(No H1 element on page)
https://opsu.edu/bursar
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
ARIA input fields must have an accessible name
Ensures every ARIA input field has an accessible name. Axe Reference
-
<div class="choices" data-type="select-one" role="listbox" tabindex="0" aria-haspopup="true" aria-expanded="false" dir="ltr">
Element selector:#\:0\.targetLanguage > .choices[data-type="select-one"][aria-haspopup="true"]
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
-
<div class="choices" data-type="select-one" role="listbox" tabindex="0" aria-haspopup="true" aria-expanded="false" dir="ltr">
Element selector:#google_translate_element_menu > .choices[data-type="select-one"][aria-haspopup="true"]
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
Elements must only use supported ARIA attributes
Ensures an element's role supports its ARIA attributes. Axe Reference
-
<div class="choices__item choices__item--selectable" data-item="" data-id="1" data-value="" aria-selected="true"> Translate </div>
Element selector:#google_translate_element_menu > .choices[data-type="select-one"][aria-haspopup="true"] > .choices__inner > .choices__list--single.choices__list > div[data-item=""][data-id="1"][data-value=""]
Failing checks (All of these should pass)
- ARIA attribute is not allowed: aria-selected="true"
Certain ARIA roles must contain particular children
Ensures elements with an ARIA role that require child roles contain them. Axe Reference
-
<div class="choices" data-type="select-one" role="listbox" tabindex="0" aria-haspopup="true" aria-expanded="false" dir="ltr">
Element selector:#google_translate_element_menu > .choices[data-type="select-one"][aria-haspopup="true"]
Failing checks (At least one of these should pass)
- Required ARIA children role not present: group, option
- Element uses aria-busy="true" while showing a loader
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="mailto:ashlee.bruner@opsu.edu">ashlee.bruner@opsu.edu</a>
Element selector:.jb-image-column__text > a[href="mailto:ashlee.bruner@opsu.edu"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.97 (foreground color: #007bff, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
body
-
Element has insufficient color contrast of 3.97 (foreground color: #007bff, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
<html> element must have a lang attribute
Ensures every HTML document has a lang attribute. Axe Reference
-
<html style="height: 100%;">
Element selector:html
Failing checks (At least one of these should pass)
- The <html> element does not have a lang attribute
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="https://opsu.edu/bursar/payment-methods-plans/">Explore options</a>
Element selector:.inner-juiceblock--tablet--4.inner-juiceblock:nth-child(1) > .jb-image-column > .jb-image-column__link > a
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.inner-juiceblock--tablet--4.inner-juiceblock:nth-child(1) > .jb-image-column > .jb-image-column__link > a
-
Element's background color could not be determined due to a pseudo element
-
<a href="https://opsu.edu/tuition-fees/net-price-calculator/">Get an estimate</a>
Element selector:.inner-juiceblock--tablet--4.inner-juiceblock:nth-child(2) > .jb-image-column > .jb-image-column__link > a
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.inner-juiceblock--tablet--4.inner-juiceblock:nth-child(2) > .jb-image-column > .jb-image-column__link > a
-
Element's background color could not be determined due to a pseudo element
-
<a href="https://opsu.edu/bursar/ferpa-2/">Learn more</a>
Element selector:.inner-juiceblock--tablet--4.inner-juiceblock:nth-child(3) > .jb-image-column > .jb-image-column__link > a
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.inner-juiceblock--tablet--4.inner-juiceblock:nth-child(3) > .jb-image-column > .jb-image-column__link > a
-
Element's background color could not be determined due to a pseudo element
-
<p>OPSU partners with TouchNet OneCard to offer the ID card system for added functionality across campus. To access and use your Aggie Campus ID, please view the Guide for Installing OneCard.</p>
Element selector:.jb-photo-card-text > .jb-block-text > p
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it partially overlaps other elements
-
<h3 class="jb-contact__heading wp-block-heading">Bursar Office</h3>
Element selector:.jb-contact__heading
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
.jb-contact
-
Element's background color could not be determined because it's partially obscured by another element
Certain ARIA roles must contain particular children
Ensures elements with an ARIA role that require child roles contain them. Axe Reference
-
<div class="choices" data-type="select-one" role="listbox" tabindex="0" aria-haspopup="true" aria-expanded="false" dir="ltr">
Element selector:#\:0\.targetLanguage > .choices[data-type="select-one"][aria-haspopup="true"]
Failing checks (At least one of these should pass)
- Expecting ARIA children role to be added: group, option