github / github/annotation-toolkit

[Feature request] Stamp to indicate interactive space

Aberta
#44 0 comentários 0 reações 0 responsáveis Ver no GitHub
feature request planned
Linguagem predominante
Sem dados de linguagem
Estrelas
320
Forks
33
Merge médio
36min
PRs com merge (30d)
2

Descrição

### Short description of the feature

Trying to solve the problem of visually showing the interactive target area around a visually smaller element

### More details about the feature

Problem: My team needs a way to show the interactive space around an element or group of elements. Existing stamp components don't cleanly convey to "add some padding so that there's a 24x24 interactive target" and writing it out isn't always sufficient to get the idea across to dev teams.

Proposed solution: A new component that can be freely sized to indicate a precise or approximate interactive space visually. The stamp has a label and low opacity that can be overlaid on a design.

Screenshot showing a bank account listing; there is a light blue overlay that encompasses the account name, number, and available balance, indicating that the entire area should be clickable/tappable, even though only the account name is linked.

### Alt text

- [x] My images use descriptive alt text.

### Code of Conduct

- [x] I agree to follow this project's Code of Conduct

Guia de contribuição

Abrir o guia de contribuição

Direção de pesquisa

Revise os componentes de carimbo existentes na biblioteca do Figma e compare como eles comunicam áreas anotadas. Crie um componente de tamanho livre, com baixa opacidade e um rótulo que indique visualmente uma área de destino interativa precisa ou aproximada; considera-se concluído quando o componente comunicar claramente o espaço clicável ou tocável ao redor de elementos menores.

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
Pouca atividade
Clareza
Razoavelmente clara
Facilidade para iniciantes
52/100

Receba novas issues na sua caixa de entrada

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