508 issue: Element is focusable but has or is contained by [aria-hidden=true] (ANDI Tool)

27 Views Asked by At

I'm using a third-party component which passes Axe 508, but does not pass the additional ANDI tool.

The structure is as below, and the error is

Element is focusable but has or is contained by [aria-hidden=true].

It's a date picker which has an outer DIV. Underneath it is an internal readonly input text field used for its own purposes with tabindex=-1 (not accessible via keyboard navigation). So why is it getting flagged as "element is focusable"? This element is not focusable. Should we disregard this ANDI warning?

enter image description here

0

There are 0 best solutions below