[Lead space search]: React wrapper – VO reading rogue text element

[oliviaflory]

Description

The screen reader is picking up a rogue text element that the user can not visibly see in the component. It appears after the Search field and reads "Find a product" and looks like it might be in the position where a content section title would be, see end of video.

Leadspace.search.reat.wrapper.2022-01-24.at.11.24.35.AM.mov

This is present in Production

Component(s) impacted

Lead space search

Browser

Chrome

Carbon for IBM.com version

v1.15.0 rc 0

Severity

Severity 4 = The problem is not visible to or noticeable to an average user. Affects minor functionality, no workaround needed.

Application/website

Carbon for IBM.com

Package

@carbon/ibmdotcom-react

CodeSandbox example

https://carbon-design-system.github.io/carbon-for-ibm-dotcom/next/web-components-react/?path=/story/components-lead-space-search--default

Steps to reproduce the issue (if applicable)

No response

Release date (if applicable)

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate issues

[stale]

We've marked this issue as stale because there hasn't been any activity for 60 days. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[stale]

We've marked this issue as stale because there hasn't been any activity for 60 days. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.