No focusable descendants inside role=text

How to fix focusable descendants inside role=text?

Remove focusable elements from inside the role=text container, or restructure the content so the text role is not needed:

<span role="text">
  Read more about <a href="/topic">accessibility</a>
</span>

<span>
  Read more about <a href="/topic">accessibility</a>
</span>

<span role="text">Read more about accessibility</span>

role=text is intended to group inline text nodes so screen readers treat them as a single phrase rather than separate elements. It should only wrap plain text.

Why is this important?

Screen readers handle role=text by reading the grouped text as one unit. When a focusable element is inside, the reading order and focus behavior become unpredictable. Users may miss content or encounter errors when navigating by keyboard or assistive technology.