Opened 2 days ago
Last modified 5 hours ago
#35791 assigned Cleanup/optimization
Icon buttons must be at least 24x24 pixels
| Reported by: | Eva Nanyonga | Owned by: | Eva Nanyonga |
|---|---|---|---|
| Component: | contrib.admin | Version: | dev |
| Severity: | Normal | Keywords: | Accessibility, WCAG |
| Cc: | Eva Nanyonga | Triage Stage: | Accepted |
| Has patch: | yes | Needs documentation: | no |
| Needs tests: | no | Patch needs improvement: | yes |
| Easy pickings: | yes | UI/UX: | yes |
Description
The inline remove button in django admin is too small 16x16 pixels but the recommended size is 24x24 pixels: 2.5.8 Target Size (Minimum)
https://www.w3.org/WAI/WCAG22/quickref/#target-size-minimum
Using the button at the recommended minimum size would be helpful in providing a better user experience and provide useful information for all users.
Attachments (1)
Change History (5)
by , 2 days ago
| Attachment: | Inlines delete button sizes screenshot with CSS resized.png added |
|---|
comment:1 by , 2 days ago
| Owner: | set to |
|---|---|
| Status: | new → assigned |
comment:3 by , 37 hours ago
| Triage Stage: | Unreviewed → Accepted |
|---|---|
| Type: | Bug → Cleanup/optimization |
| Version: | 5.0 → dev |
Thibaud, feel free to accept tickets when you agree with the report.
comment:4 by , 5 hours ago
| Patch needs improvement: | set |
|---|---|
| Summary: | Inline remove buttons are too small → Icon buttons must be at least 24x24 pixels |
The multiple select box widget also has button icons which are smaller than 16x16
Note:
See TracTickets
for help on using tickets.
Confirmed this is an issue. See demo page with inlines for releases. The current 16x16 size is incompatible with 2.5.8 Target Size (Minimum).
Screenshot:
---
We can make this button the target minimum of 24x24 – likely updating the CSS, and possibly the SVG image.