github / github/annotation-toolkit

[Feature request] Add autocomplete label presets for Number Input Details

Open
#37 0 comments 0 reactions 0 assignees View on GitHub
improvement set:form-element
Dominant language
No language data
Stars
320
Forks
33
Avg merge
36m
Merged PRs (30d)
2

Description

### Description

The Toolkit's **Form Element** annotations support `autocomplete` attributes, but **Number Input Details** doesn't have a pre-configured set of commonly used `autocomplete` values.

Users currently need to manually enter these values each time.

### Requested change

Add a secondary component set of autocomplete labels specifically for Number Input Details, with preset values for the most common autocomplete options. These would function the same way autocomplete labels work for other form inputs, but scoped to the values most relevant to number fields, such as:

- `cc-number` (credit card number)
- `cc-exp-month` / `cc-exp-year` (credit card expiration)
- `cc-csc` (credit card security code)
- `one-time-code` (SMS or authenticator codes)
- `postal-code` / `tel` (when used as number inputs)

### Why

Pre-configured autocomplete labels reduce the effort needed to annotate number inputs correctly and help ensure that commonly overlooked autocomplete values are surfaced to designers who may not be familiar with the full list of valid options.

### References

- [HTML autocomplete attribute (MDN)](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
- [WCAG 2.2 SC 1.3.5: Identify Input Purpose](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.