Interactive Elements Labeled Incorrectly

Short Description

Label assigned to clickable element is confusing or misleading

Long Description

  • Assistive technology such as a screen reader uses the element label in the code to identify the type of element a user is interacting with.
  • There are specific semantic rules about what elements such as a link or button do.
  • When a developer labels elements in ways that are not in accordance with the semantic rules, it can interfere with the assistive technology's ability to interact with the element correctly, and it can confuse the user.

Example of Issue

No example currently available

Recommendations

  • Review W3C semantic rules for proper element labels.

Related Issues

WCAG Reference

Accessibility/Usability

Accessibility
Usability

Impacted Assistive Technology

Screen Reader

Impacted Type of Device

Computer
Mobile