github / github/annotation-toolkit

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

Aberta
#37 0 comentários 0 reações 0 responsáveis Ver no GitHub
improvement set:form-element
Linguagem predominante
Sem dados de linguagem
Estrelas
321
Forks
33
Merge médio
36min
PRs com merge (30d)
2

Descrição

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

Guia de contribuição

Abrir o guia de contribuição

Direção de pesquisa

Comece localizando o componente Number Input Details e os conjuntos de rótulos de autocomplete existentes de Form Element no toolkit do Figma. Compare a estrutura e o comportamento deles e, em seguida, verifique se o novo conjunto secundário inclui os presets relacionados a números solicitados e segue as orientações de autocomplete referenciadas.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
figma
Domínio
accessibility, design
Tipo de issue
Funcionalidade
Dificuldade
3/5
Tempo estimado
1-2 dias
Status de atividade
Estagnada
Clareza
Razoavelmente clara
Facilidade para iniciantes
45/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.