github / github/annotation-toolkit

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

Đang mở
#37 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
improvement set:form-element
Ngôn ngữ chính
Không có dữ liệu ngôn ngữ
Star
320
Fork
33
Merge trung bình
36 phút
Pull request đã merge (30 ngày)
2

Mô tả

### 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)

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Start by locating the Number Input Details component and the existing Form Element autocomplete label sets in the Figma toolkit. Compare their structure and behavior, then verify the new secondary set includes the requested number-related presets and follows the referenced autocomplete guidance.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
figma
Lĩnh vực
accessibility, design
Loại issue
Tính năng
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
45/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.