Steps to reproduce the issue

Audit finding

Links are too close together

User impact

People with limited dexterity, tremor, reduced fine motor control, or who use touch, a mouse, trackpad, head pointer, or other pointer input can unintentionally activate an adjacent support link. This makes the support links harder to select reliably, particularly on touch devices and when zoomed.

Remediation plan

Increase the effective target size and/or separation of every “Need Support?” link so each target is at least 24 by 24 CSS pixels, or each target is sufficiently separated from adjacent targets to meet WCAG 2.2 Success Criterion 2.5.8. At the current 14 px text size, set a line height of at least 1.72 (24 ÷ 14) to provide a 24 px clickable area and/or enough spacing.

Steps to reproduce

1. Open the Joomla frontend or backend login view.

2. Locate the “Need Support?” section and its list of Joomla resource links.

3. Use browser DevTools to inspect each link and its containing list item.

4. Measure the rendered height and width of each interactive target, including any padding included in the clickable area.

5. Measure the spacing between adjacent link targets.

6. Attempt to activate each link using a mouse, touch input, or another pointer device at normal zoom and at 200% browser zoom.

7. Observe that the links are approximately 16.5 px high with approximately 21.5 px list-item spacing, making adjacent targets too close together and below the 24 px minimum target-size requirement.

Version

6.1

Expected result

Links are spaced properly and meet the requirements of WCAG SC 2.5.8.

Actual result

Link spacing is not sufficient. This causes friction for many users with various disability types.

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