Skip to content

[Link] Empty Link #881

Open
Open
@coseeian

Description

@coseeian

Title

[Link] Empty Link

Description

An anchor () element on the page is missing any textual content or accessible name, so screen readers announce only its role (e.g., “link”) without any descriptive label. As a result, users will not be able to identify the purpose or destination of the link.
Empty links can be confusing for screen reader users, keyboard users, and others relying on assistive technologies, as they have no way of knowing the purpose or destination of the link.

Steps to Reproduce

  1. go to /reference/p5.sound/
  2. Locate to the following element:
    ._linklabel_aobbt_1052 (CSS Selector)

Actual Behavior

  • The element is a link () with no visible text content, and no accessible text through aria-label or other means.
  • When tabbing to the link, a screen reader announces only “link” without any label or description.

Expected Behavior

  • All links should have meaningful, descriptive text that communicates their purpose or destination—even when read out of context. This text should be perceivable either visually (through link text) or programmatically (via aria-label or similar attributes).
  • When tabbing to the element, A screen reader should announce a meaningful label.

Environments

No response

Suggested Fix

If the link is necessary, provide descriptive text or an appropriate accessible label (e.g., aria-label="Read more about sound").
Remove the empty link or provide text within the link that describes the functionality and/or target of that link.

Reference

2.4.4 Link Purpose (In Context) (Level A)

What is your operating system?

None

Web browser and version

No response

Metadata

Metadata

Assignees

Labels

Accessibility: High SeverityWeb accessibility issues that have a significant negative impact on usersGood First IssueGood for newcomers

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions