Page Scan Results:

STUDENT LIFE

https://www.oc.edu/student-life Scanned Sep. 17, 2023 at 8:42 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

ARIA hidden element must not be focusable or contain focusable elements: 1

Known Issues on This Page

ARIA hidden element must not be focusable or contain focusable elements

serious

Ensures aria-hidden elements are not focusable nor contain focusable elements. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2

```
<div data-v-75fec3c6="" data-v-683a2310="" class="flex flex-col person-tile px-2 w-full md:w-1/2 lg:w-1/3 h-full" aria-hidden="true" style="position: absolute; left: 100%;">
```
Element selector:
.person-tile.px-2.lg\:w-1\/3:nth-child(3)
Failing checks (All of these should pass)
- Focusable content should have tabindex="-1" or be removed from the DOM .person-tile.px-2.lg\:w-1\/3:nth-child(3) > .p-6.bg-maroon-500.flex-grow

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: 3

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

<p class="-mt-2">Our traditions are musical, colorful, funny, serious, somber and thoughtful with lots of space for you to be the best you. We practice daily habits of worship, care deeply and propel each other toward growth. OC is home.</p>

Element selector:

.-mt-2

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 .c-header__main

```
<span class="block font-condensed text-12xl tracking-tight md:text-16xl flex-grow-0" style="line-height: 0.75;">
68
</span>
```
Element selector:
.font-condensed
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 aside:nth-child(4)

<figcaption class="h7 absolute bottom-0 left-0 ml-5" style="transform: rotate(90deg) translateX(-100%); transform-origin: left bottom;">
Chancellor deSteiguer supports the Eagles
</figcaption>