WCAG 4.1.2: Nested interactive controls are not announced by screen readers

Viewed 2774

Here is my issue in terms of the adaptive cards.

Issue

Nested interactive controls are not announced by screen readers (nested-interactive)

Element path

#card_875c3295-31b4-eb11-8237-00224822ed9c9c945a9b-31b4-eb11-8237-00224822ed9c > .ac-adaptiveCard.ac-container > .ac-container > .ac-columnSet:nth-child(1) > .ac-selectable.ac-container[role="button"]

Snippet

div class="ac-container ac-selectable" tabindex="0" role="button" aria-label="Open knowledge article, Order Shipping Time" style="display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box; min-width: 0px; flex: 1 1 50px...

How to fix

Fix any of the following:

  • Element has focusable descendants

Screenshots

Error visualization

DOM

0 Answers
Related