This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Reply To: Accessibility errors

#19169
Ernest MarcinkoErnest Marcinko
Keymaster

Hi!

Thank you for the proper details. I think the evaluation tool in this case cannot take invisible elements into account. All of these labels within the code are invisible to the user (by styling), and it is marked with the aria-hidden attributes as well, which explicitly tells the browser to not interact with that element (and their descendants) at all.
The compliance check tool probably ignores the ‘aria-hidden’ attribute and the styling as well, thus causing the errors to appear. I cross-checked the lite version, and the only difference there is, that the labels actually have the text printed, but it is of course invisble to the user.
Same goes to the empty button as well, the ‘aria-hidden’ attribute is ignored, and raises an error because of the missing text (which is actually not missing either, as it is invisible).

I think you can safely ignore these warnings, as all of the elements are both visually invisible, and marked with the aria-hidden attribute as well.