github / github/annotation-toolkit

[Feature request] Stamp to indicate interactive space

Đang mở
#44 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
feature request planned
Ngôn ngữ chính
Không có dữ liệu ngôn ngữ
Star
320
Fork
33
Merge trung bình
36 phút
Pull request đã merge (30 ngày)
2

Mô tả

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

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.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
figma
Lĩnh vực
accessibility, design
Loại issue
Tính năng
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Ít trao đổi
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
52/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.