Accessibility issue: Interactive controls must not be nested on /

[maximo-macchi-cb]

What

An accessibility scan flagged the element <div aria-label="Current message: COI..." class="grid-govvvpf relativ..." style="--gridTemplateColumn..." aria-live="polite" role="button" tabindex="0"> because interactive controls must not be nested. Learn more about why this was flagged by visiting https://dequeuniversity.com/rules/axe/4.11/nested-interactive?application=playwright.

View screenshot

To fix this, ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies.

Specifically:

Fix any of the following:

• Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")

Acceptance Criteria

• The specific violation reported in this issue is no longer reproducible.
• The fix MUST meet WCAG 2.1 guidelines OR the accessibility standards specified by the repository or organization.
• A test SHOULD be added to ensure this specific violation does not regress.
• This PR MUST NOT introduce any new accessibility issues or regressions.