Clear-Cut Accessibility Benchmarks

Page Scan Results:

More Info

https://www.okbu.edu/admissions/more-information.html 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

Select element must have an accessible name: 1

Known Issues on This Page

Select element must have an accessible name

critical

Ensures select element has 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, ACT

```
<select size="1" class="expanded" id="form_afe0350c-83a2-44ce-91cc-b12f9d0f9c1c" name="form_afe0350c-83a2-44ce-91cc-b12f9d0f9c1c" autocomplete="off" data-handler-change="1">
```
Element selector:
#form_afe0350c-83a2-44ce-91cc-b12f9d0f9c1c
Failing checks (At least one of these should pass)
- Form element does not have an implicit (wrapped) <label>
- Form element does not have an explicit <label> #form_question_afe0350c-83a2-44ce-91cc-b12f9d0f9c1c > label
- 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"

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: 50
Elements must only use permitted ARIA attributes: 2

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

```
<span id="cookieconsent:desc" class="cc-message">
```
Element selector:
#cookieconsent\:desc
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body

<a aria-label="learn more about cookies" role="button" tabindex="0" class="cc-link" href="https://www.okbu.edu/about/privacy-policy.html" rel="noopener noreferrer nofollow" target="_blank">Learn more</a>

Element selector:

.cc-link

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a pseudo element body

```
<a aria-label="dismiss cookie message" role="button" tabindex="0" class="cc-btn cc-dismiss">Got it!</a>
```
Element selector:
.cc-btn
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<a href="https://www.okbu.edu/admissions/apply.html">Apply</a>
```
Element selector:
.desktop-links > .primary.menu-button > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<a href="https://www.okbu.edu/admissions/visit-campus/index.html">Visit</a>
```
Element selector:
.desktop-links > .menu-button:nth-child(2) > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<a href="https://www.okbu.edu/admissions/more-information.html">Info</a>
```
Element selector:
.desktop-links > .menu-button:nth-child(3) > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<h1>More Info</h1>
```
Element selector:
h1
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .bg-overlay--black-gradient-90
```
<div id="form_description">
Fill out this quick form and we’ll send you more information about becoming a future shaper.
</div>
```
Element selector:
#form_description
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<label class="form_label" for="form_17794fe6-b68a-472f-81b6-51d5ccefc9da">First Name</label>
```
Element selector:
#form_question_17794fe6-b68a-472f-81b6-51d5ccefc9da > label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body

<input type="text" size="30" id="form_17794fe6-b68a-472f-81b6-51d5ccefc9da" name="form_17794fe6-b68a-472f-81b6-51d5ccefc9da" value="" autocomplete="off" spellcheck="false" required="required">

Element selector:

#form_17794fe6-b68a-472f-81b6-51d5ccefc9da

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a pseudo element body

```
<label class="form_label" for="form_416b0620-4537-4e4c-8324-02916325fca9">Middle Name</label>
```
Element selector:
#form_question_416b0620-4537-4e4c-8324-02916325fca9 > label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<input type="text" size="30" id="form_416b0620-4537-4e4c-8324-02916325fca9" name="form_416b0620-4537-4e4c-8324-02916325fca9" value="" autocomplete="off" spellcheck="false">
```
Element selector:
#form_416b0620-4537-4e4c-8324-02916325fca9
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<label class="form_label" for="form_1a3cf0b1-34ef-4638-b197-1196853d5bb5">Last Name</label>
```
Element selector:
#form_question_1a3cf0b1-34ef-4638-b197-1196853d5bb5 > label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body

<input type="text" size="30" id="form_1a3cf0b1-34ef-4638-b197-1196853d5bb5" name="form_1a3cf0b1-34ef-4638-b197-1196853d5bb5" value="" autocomplete="off" spellcheck="false" required="required">

Element selector:

#form_1a3cf0b1-34ef-4638-b197-1196853d5bb5

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a pseudo element body

```
<label class="form_label" for="form_34f9819b-3ba8-46fb-a81a-b7b72d822f42">Email Address</label>
```
Element selector:
#form_question_34f9819b-3ba8-46fb-a81a-b7b72d822f42 > label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body

<input type="email" size="47" id="form_34f9819b-3ba8-46fb-a81a-b7b72d822f42" name="form_34f9819b-3ba8-46fb-a81a-b7b72d822f42" value="" autocomplete="off" spellcheck="false" required="required">

Element selector:

#form_34f9819b-3ba8-46fb-a81a-b7b72d822f42

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a pseudo element body

```
<label class="form_label" for="form_0257335c-e7ad-4ec4-b534-e9b98a21a999">Cell Phone</label>
```
Element selector:
#form_question_0257335c-e7ad-4ec4-b534-e9b98a21a999 > label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body

<input type="tel" size="48" id="form_0257335c-e7ad-4ec4-b534-e9b98a21a999" name="form_0257335c-e7ad-4ec4-b534-e9b98a21a999" value="" onchange="FW.Phone.Validate(this);" autocomplete="off" spellcheck="false" required="required">

Element selector:

#form_0257335c-e7ad-4ec4-b534-e9b98a21a999

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a pseudo element body

```
<label for="form_2beb1620-9571-411e-8481-6ea3f8563ea4_1">Text important updates and reminders to me (recommended)</label>
```
Element selector:
.form_response > label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<div class="form_label"><p></p>
Mailing Address</div>
```
Element selector:
#form_question_d50e34b5-a4e8-4da3-92a0-97e13c9f53d9 > .form_label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<label class="form_label" for="form_44658531-9479-4875-86c6-cd55e0e0f884_country">Country</label>
```
Element selector:
fieldset > div:nth-child(1) > label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<select id="form_44658531-9479-4875-86c6-cd55e0e0f884_country" name="form_44658531-9479-4875-86c6-cd55e0e0f884_country" size="1" autocomplete="off" required="required">
```
Element selector:
#form_44658531-9479-4875-86c6-cd55e0e0f884_country
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<label class="form_label" for="form_44658531-9479-4875-86c6-cd55e0e0f884_street">Street</label>
```
Element selector:
fieldset > div:nth-child(2) > label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body

<textarea cols="64" id="form_44658531-9479-4875-86c6-cd55e0e0f884_street" maxlength="256" name="form_44658531-9479-4875-86c6-cd55e0e0f884_street" rows="2" wrap="soft" spellcheck="false" autocomplete="off" class="maxlength_enabled" required="required" aria-autocomplete="list" aria-expanded="false" role="combobox" aria-owns="suggest_03c4f564-fd75-4dad-a092-7bb4ab94a464" aria-controls="suggest_03c4f564-fd75-4dad-a092-7bb4ab94a464">

Element selector:

#form_44658531-9479-4875-86c6-cd55e0e0f884_street

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a pseudo element body

```
<label class="form_label" for="form_44658531-9479-4875-86c6-cd55e0e0f884_city">City</label>
```
Element selector:
#form_question_44658531-9479-4875-86c6-cd55e0e0f884 > fieldset > div:nth-child(3) > label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body

<input id="form_44658531-9479-4875-86c6-cd55e0e0f884_city" maxlength="64" name="form_44658531-9479-4875-86c6-cd55e0e0f884_city" size="48" type="text" value="" autocomplete="off" spellcheck="false" class="maxlength_enabled" required="required">

Element selector:

#form_44658531-9479-4875-86c6-cd55e0e0f884_city

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a pseudo element body

```
<label class="form_label" id="form_44658531-9479-4875-86c6-cd55e0e0f884_label" for="form_44658531-9479-4875-86c6-cd55e0e0f884_region" data-default="">State</label>
```
Element selector:
#form_44658531-9479-4875-86c6-cd55e0e0f884_label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body

<select id="form_44658531-9479-4875-86c6-cd55e0e0f884_region" name="form_44658531-9479-4875-86c6-cd55e0e0f884_region" size="1" style="margin-right: 10px;" autocomplete="off" required="required">

Element selector:

#form_44658531-9479-4875-86c6-cd55e0e0f884_region

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a pseudo element body

```
<label class="form_label" for="form_44658531-9479-4875-86c6-cd55e0e0f884_postal">Postal Code</label>
```
Element selector:
#form_question_44658531-9479-4875-86c6-cd55e0e0f884 > fieldset > div:nth-child(5) > label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body

<input id="form_44658531-9479-4875-86c6-cd55e0e0f884_postal" maxlength="16" name="form_44658531-9479-4875-86c6-cd55e0e0f884_postal" type="text" value="" autocomplete="off" spellcheck="false" class="maxlength_enabled" required="required">

Element selector:

#form_44658531-9479-4875-86c6-cd55e0e0f884_postal

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a pseudo element body

```
<div class="form_label">Birthdate</div>
```
Element selector:
#form_question_a2fb63f7-3c2f-4a18-9f2e-0e23c544db14 > fieldset > .form_label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<select aria-label="Month" id="form_a2fb63f7-3c2f-4a18-9f2e-0e23c544db14_m" name="form_a2fb63f7-3c2f-4a18-9f2e-0e23c544db14_m" size="1" autocomplete="off" required="required">
```
Element selector:
#form_a2fb63f7-3c2f-4a18-9f2e-0e23c544db14_m
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body

<select aria-label="Day" id="form_a2fb63f7-3c2f-4a18-9f2e-0e23c544db14_d" name="form_a2fb63f7-3c2f-4a18-9f2e-0e23c544db14_d" size="1" style="margin-left: 5px;" autocomplete="off" required="required">

Element selector:

#form_a2fb63f7-3c2f-4a18-9f2e-0e23c544db14_d

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a pseudo element body

<select aria-label="Year" id="form_a2fb63f7-3c2f-4a18-9f2e-0e23c544db14_y" name="form_a2fb63f7-3c2f-4a18-9f2e-0e23c544db14_y" size="1" style="margin-left: 5px;" autocomplete="off" required="required">

Element selector:

#form_a2fb63f7-3c2f-4a18-9f2e-0e23c544db14_y

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a pseudo element body

```
<label class="form_label" for="form_f4c457a1-c603-492c-a852-48cc1ea789da">Gender</label>
```
Element selector:
#form_question_f4c457a1-c603-492c-a852-48cc1ea789da > label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body

<select size="1" id="form_f4c457a1-c603-492c-a852-48cc1ea789da" name="form_f4c457a1-c603-492c-a852-48cc1ea789da" autocomplete="off"><option value="">Please Select</option><option value="F" data-text="Female">Female</option><option value="M" data-text="Male">Male</option></select>

Element selector:

#form_f4c457a1-c603-492c-a852-48cc1ea789da

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a pseudo element body

```
<label class="form_label" for="form_4a49f059-6011-480c-8867-8b4415199d75">When do you plan to start college?</label>
```
Element selector:
#form_question_4a49f059-6011-480c-8867-8b4415199d75 > label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<select size="1" id="form_4a49f059-6011-480c-8867-8b4415199d75" name="form_4a49f059-6011-480c-8867-8b4415199d75" autocomplete="off" required="required">
```
Element selector:
#form_4a49f059-6011-480c-8867-8b4415199d75
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<label class="form_label" for="form_e3fdd630-e74e-4acc-a95d-d480e803ad85">I will be a:</label>
```
Element selector:
#form_question_e3fdd630-e74e-4acc-a95d-d480e803ad85 > label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<select size="1" id="form_e3fdd630-e74e-4acc-a95d-d480e803ad85" name="form_e3fdd630-e74e-4acc-a95d-d480e803ad85" autocomplete="off" required="required" data-handler-change="1">
```
Element selector:
#form_e3fdd630-e74e-4acc-a95d-d480e803ad85
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<div class="form_label">In which of the following activities would you like to participate at OBU? (Select up to two.)</div>
```
Element selector:
#form_question_508f0ce2-7e45-414c-81a2-b50d61b50c0a > .form_label
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<select size="1" class="expanded" id="form_afe0350c-83a2-44ce-91cc-b12f9d0f9c1c" name="form_afe0350c-83a2-44ce-91cc-b12f9d0f9c1c" autocomplete="off" data-handler-change="1">
```
Element selector:
#form_afe0350c-83a2-44ce-91cc-b12f9d0f9c1c
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<button class="default form_button_submit" type="button">Request Information</button>
```
Element selector:
button
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<address>
500 West University<br>
Shawnee, OK 74804
</address>
```
Element selector:
address
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<a href="tel:+14055855000">Admissions: 405.585.5000</a>
```
Element selector:
a[href="tel:+14055855000"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<a href="tel:+14055854000">Switchboard: 405.585.4000</a>
```
Element selector:
a[href="tel:+14055854000"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<a href="https://www.okbu.edu/about/contact.html">Contact OBU</a>
```
Element selector:
.site-links > li:nth-child(1) > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<a href="https://www.okbu.edu/about/privacy-policy.html">Privacy Policy</a>
```
Element selector:
.site-links > li:nth-child(2) > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<a href="https://www.okbu.edu/legal-notices/index.html">Notices/Disclosures</a>
```
Element selector:
.site-links > li:nth-child(3) > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body
```
<a href="https://www.okbu.edu/about/feedback.html">Website Feedback</a>
```
Element selector:
.site-links > li:nth-child(4) > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element body

Elements must only use permitted ARIA attributes

serious

Ensures ARIA attributes are not prohibited for an element's role. Axe Reference

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

<div class="form_question form_address form_question_44658531-9479-4875-86c6-cd55e0e0f884 form_layout_stacked" id="form_question_44658531-9479-4875-86c6-cd55e0e0f884" style="clear: left;" data-id="44658531-9479-4875-86c6-cd55e0e0f884" data-type="address" data-export="sys:permanent" data-required="1" aria-label="Mailing Address">

Element selector:

#form_question_44658531-9479-4875-86c6-cd55e0e0f884

Failing checks (All of these should pass)

aria-label attribute is not well supported on a div with no valid role attribute.

<div class="form_question form_select form_question_afe0350c-83a2-44ce-91cc-b12f9d0f9c1c form_layout_stacked" id="form_question_afe0350c-83a2-44ce-91cc-b12f9d0f9c1c" style="clear: left;" data-id="afe0350c-83a2-44ce-91cc-b12f9d0f9c1c" data-type="select" data-export="sys:interest:name_prompt" aria-label="Interest 1">

Element selector:

#form_question_afe0350c-83a2-44ce-91cc-b12f9d0f9c1c

Failing checks (All of these should pass)

aria-label attribute is not well supported on a div with no valid role attribute.