Skip to content

[EuiDataGrid] Nested interactive controls in sorting toolbar popover are causing axe/a11y failures #6516

@bhavyarm

Description

@bhavyarm

I am trying to update axe-core engine to 4.6.1 in Kibana - elastic/kibana#144940 and running into this violation in multiple tests.

Bug logged - elastic/kibana#148567
elastic/kibana#148538

Error: retry.try timeout: Error: a11y report:

VIOLATION
  [nested-interactive]: Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies
    Impact: serious
    Help: https://dequeuniversity.com/rules/axe/4.6/nested-interactive?application=axeAPI
    Elements:
      - <button role="tab" aria-selected="true" type="button" class="euiTab euiTab-isSelected css-1dnscl1-euiTab-selected">
    at AccessibilityService.assertValidAxeReport (a11y.ts:75:13)
    at AccessibilityService.testAppSnapshot (a11y.ts:48:10)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at painless_lab.ts:54:9
    at runAttempt (retry_for_success.ts:29:15)
    at retryForSuccess (retry_for_success.ts:68:21)
    at RetryService.try (retry.ts:31:12)
    at Context.<anonymous> (painless_lab.ts:53:7)
    at Object.apply (wrap_function.js:73:16)
    at onFailure (retry_for_success.ts:17:9)
    at retryForSuccess (retry_for_success.ts:59:13)
    at RetryService.try (retry.ts:31:12)
    at Context.<anonymous> (painless_lab.ts:53:7)
    at Object.apply (wrap_function.js:73:16)

Logs for some of the test violations:

  1. on painless_lab
  2. On search_profiler.ts

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions