Contact Us | Arapahoe Community College

Advising and Support | Arapahoe Community College

Course Catalog | Arapahoe Community College

Online Degree and Certificate Programs at Arapahoe Community College

Summer Courses at Arapahoe Community College

College Leadership at Arapahoe Community College

Visit an Arapahoe Community College Campus

Page not found | Arapahoe Community College

Admissions and Enrollment at Arapahoe CC

Littleton, Colorado Campus | Arapahoe Community College

To comply with WCAG 2.1, fields must identify what their purpose is _programmatically_. If done correctly,
this allows browsers to help users fill in forms with known information, such as their name and email address.

This is accomplished via the `autocomplete` attribute, which should be set to a 
[supported value](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) wherever
appropriate, e.g. 

```html
<label for="name">
  First Name
</label>
<input id="name" type="text" autocomplete="given-name">
```

For fields where `autocomplete` is not appropriate, e.g. due to security, or the field not matching the
specification, the specific field should be ignored.

## Methodology

* All fields which could support `autocomplete` (e.g. text fields)
  are checked. Other fields - like dropdown menus - are ignored.
* The [accessible name](https://www.w3.org/TR/accname-1.2/) of each field is considered. In most cases this
  will be the `<label>` for the field.
* If the name matches a known pattern the field 
  must have an appropriate `autocomplete` value specified.
  For example, an `<input>` with type `text` with a label of 
  "First Name" would be expected to have an autocomplete value 
  of `given-name` or similar.

Note that using `autocomplete="on"` is not sufficient to pass this check, a
specific named autocomplete value must be used. See the
[supported values](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete).

## Troubleshooting

If a field is a false positive, check whether the field has an 
appropriate accessible name (i.e. a `<label>` or `aria-label`).

If the label is incorrect, Silktide may assume that the field 
requires `autocomplete` where it does not. You should fix the 
label to avoid this.

Otherwise, you can simply ignore the specific field.

## More information

* [How to use HTML 5.2 attributes](https://www.w3.org/WAI/WCAG21/Techniques/html/H98)

identify-input-purpose

August 2024

July 2024

Arapahoe Community College

Title / URL	Issues
Contact Us \| Arapahoe Community Collegewww.arapahoe.edu/contact	2
Advising and Support \| Arapahoe Community Collegewww.arapahoe.edu/advising-support	1
Course Catalog \| Arapahoe Community Collegewww.arapahoe.edu/academics-programs/catalog/home	1
Online Degree and Certificate Programs at Arapahoe Community Collegewww.arapahoe.edu/about-acc/locations/online	1
Summer Courses at Arapahoe Community Collegewww.arapahoe.edu/admissions/summer-acc	1
College Leadership at Arapahoe Community Collegewww.arapahoe.edu/about-acc/college-leadership	1
Visit an Arapahoe Community College Campuswww.arapahoe.edu/about-acc/visit-acc	1
Page not found \| Arapahoe Community Collegewww.arapahoe.edu/invented-url-for-404-page	1
Admissions and Enrollment at Arapahoe CCwww.arapahoe.edu/admissions	1
Littleton, Colorado Campus \| Arapahoe Community Collegewww.arapahoe.edu/about-acc/locations/littleton	1

Identify the purpose of fields programmatically

Arapahoe Community College

Where this issue has occurred