Steps to reproduce the issue

NOTE: Accessibility backlog issue and work-in-progress. This issue has been opened to account for all the issues flagged in the initial Milestone 1a Audit Report. If this is a duplicate issue, it will be closed by the end of September 2026.

Audit finding

Remove item in drop down is too small and clickable area overlaps with another control

User impact

Small and overlapping target areas confuse and prevent some users from actioning the control.

Remediation plan

Provide a minimum click target of 24x24 CSS pixels while ensuring clickable areas do not overlap with another control

Steps to reproduce

1. Open the affected form (Joomla Editor or Global Configuration > Options > server section) and select an item in the drop-down.

2. Locate the remove-item control.

3. Measure its target area and surrounding spacing.

4. Attempt activation with pointer and keyboard.

5. Observe that the target is too small or difficult to operate.

Version

6.1

Expected result

Minimum target size of 24x24 CSS pixels. The clickable areas must not overlap.

Actual result

Edit Form Pattern

When having a dropdown with remove option in the interface, that small × icon does not meet the requirements for the size of interactive elements. The minimum size of the element is 24×24 pixels. The small × icon has a size of 20×20 pixels. In addition, the clickable areas overlap.

Backend Options

When setting the time zone, the dropdown also has a “Remove Item” button that removes the time zone and is smaller than 24×24 pixels while overlaying another clickable area. A time zone needs to be set all the time, so when saving the form, the old time zone is restored.

What device were you using? (eg, phone, laptop)

Desktop web

What web browser were you using? (eg, Chrome, Safari)

Chrome, Firefox, Edge, Safari

Assistive Technology?

N/A

Additional Comments

No response