github / github/annotation-toolkit

[Feature request] Stamp to indicate interactive space

Aperta
#44 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
feature request planned
Lingua principale
Nessun dato sulla lingua
Stelle
320
Fork
33
Merge medio
36m
PR unite (30g)
2

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Review the existing stamp components in the Figma library and compare how they communicate annotated areas. Create a freely sized, low-opacity component with a label that visually indicates a precise or approximate interactive target area; done means the component clearly conveys the clickable or tappable space around smaller elements.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
figma
Ambito
accessibility, design
Tipo di issue
Funzionalità
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Tranquilla
Chiarezza
Abbastanza chiara
Idoneità per principianti
52/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.