github / github/annotation-toolkit

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

オープン
#37 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
improvement set:form-element
主要言語
言語のデータがありません
スター
320
フォーク
33
平均マージ
36分
マージ済み PR(30日)
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 を短くまとめたダイジェスト。