Opened 6 weeks ago

Last modified 2 hours ago

#35791 assigned Cleanup/optimization

Icon buttons must be at least 24x24 pixels

Reported by: Eva Nanyonga Owned by: Mariusz Felisiak
Component: contrib.admin Version: dev
Severity: Normal Keywords: Accessibility, WCAG, Djangonauts
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)

Inlines delete button sizes screenshot with CSS resized.png​ (34.3 KB ) - added by Thibaud Colas 6 weeks ago.

Download all attachments as: .zip

Change History (9)

by Thibaud Colas, 6 weeks ago

Attachment: Inlines delete button sizes screenshot with CSS resized.png​ added

comment:1 by Thibaud Colas, 6 weeks ago

Owner: set to Eva Nanyonga
Status: new → assigned

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:

https://code.djangoproject.com/raw-attachment/ticket/35791/Inlines%20delete%20button%20sizes%20screenshot%20with%20CSS%20resized.png

---

We can make this button the target minimum of 24x24 – likely updating the CSS, and possibly the SVG image.

comment:2 by Thibaud Colas, 6 weeks ago

Has patch: set

pull request from Eva: ​#18624

comment:3 by Claude Paroz, 6 weeks 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 Sarah Boyce, 5 weeks 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

comment:5 by Alexander Lazarević, 5 days ago

Eva, have you planned to continue working on it?

comment:6 by Alexander Lazarević, 4 days ago

Cc: Alexander Lazarević added

comment:7 by Alexander Lazarević, 3 days ago

Cc: Alexander Lazarević removed
Keywords: Djangonauts added

comment:8 by Mariusz Felisiak, 2 hours ago

Owner: changed from Eva Nanyonga to Mariusz Felisiak
Note: See TracTickets for help on using tickets.
Back to Top