github / github/annotation-toolkit

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

未关闭
#37 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
improvement set:form-element
主要语言
没有语言数据
星标
320
派生
33
平均合并
36 分钟
30 天内合并 PR
2

描述

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

贡献指南

打开贡献指南

调研方向

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.

由索引模型根据 Issue 内容生成。

评估

技术栈
figma
领域
accessibility, design
Issue 类型
功能
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
45/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。