Clear-Cut Accessibility Benchmarks

Page Scan Results:

(No H1 element on page)

https://opsu.edu/financial-aid Scanned Sep. 17, 2023 at 8:34 PM

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

<html> element must have a lang attribute: 1

Known Issues on This Page

<html> element must have a lang attribute

serious

Ensures every HTML document has a lang attribute. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 3.1.1, EN-301-549, EN-9.3.1.1, ACT

```
<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 Summary

Elements must meet minimum color contrast ratio thresholds: 8

Needs Review 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

```
<figcaption class="wp-element-caption">Federal Pell Grant</figcaption>
```
Element selector:
.is-active > .jb-vertical-photo-slide > .jb-vertical-photo-slide__image.size-full.wp-block-image > figcaption
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .is-active > .jb-vertical-photo-slide > .jb-vertical-photo-slide__image.size-full.wp-block-image
```
<figcaption class="wp-element-caption">Federal Work Study</figcaption>
```
Element selector:
div[data-index="1"] > .jb-vertical-photo-slide > .jb-vertical-photo-slide__image.size-full.wp-block-image > figcaption
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element div[data-index="1"] > .jb-vertical-photo-slide > .jb-vertical-photo-slide__image.size-full.wp-block-image
```
<p>How much does it cost to attend OPSU? Find cost estimates to prepare for the academic year ahead.</p>
```
Element selector:
.inner-juiceblock--tablet--6.inner-juiceblock:nth-child(1) > .jb-photo-card > .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
```
<p>A number of opportunities exist for student employment on campus.</p>
```
Element selector:
.inner-juiceblock--tablet--6.inner-juiceblock:nth-child(2) > .jb-photo-card > .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
```
<p>The latest information on the Student Loan Debt Relief plan, under the Biden-Harris administration.</p>
```
Element selector:
.inner-juiceblock--tablet--6.inner-juiceblock:nth-child(3) > .jb-photo-card > .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
```
<p>Satisfactory Academic Progress is defined as proceeding toward successful completion of degree requirements.</p>
```
Element selector:
.inner-juiceblock--tablet--6.inner-juiceblock:nth-child(4) > .jb-photo-card > .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
```
<a href="https://opsu.edu/consumer-information/">Learn more</a>
```
Element selector:
.juiceblock:nth-child(6) > .jb-image-columns.wp-block-jb-featured-columns.jb-featured-columns > .juiceblock__content > .juiceblock__inner-blocks > .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 .juiceblock:nth-child(6) > .jb-image-columns.wp-block-jb-featured-columns.jb-featured-columns > .juiceblock__content > .juiceblock__inner-blocks > .inner-juiceblock--tablet--4.inner-juiceblock:nth-child(2) > .jb-image-column > .jb-image-column__link > a
```
<h3 class="jb-contact__heading wp-block-heading">Financial Aid 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