Kilotest: Diagnoses of focusable element hidden violation by HTML element 548 on Environmental Working Group page

Basics

About the page

• URL: https://www.ewg.org/
• Tested 3 days ago on 2026-10-07 at 21:15 by job 261007T2112-2p4
• Summary of results:
  • Rule engines:
    • Called: 12
    • Were able to test: 12
    • Reported any rule violations: 12
  • Violations: 1488
  • Violators: 693
  • Issues: 63
• Download the full technical report (JSON)

About the issue

• Why it matters: Keyboard-only user cannot navigate properly to the operable items
• Priority: highest
• Related WCAG standard: 4.1.2
• Reported by 6 rule engines (Accessibility Checker + Alfa + ASLint + Axe + Pour + SureA11y)
• Violations: 22
• Violators: 14

About the violator

• Tag name: DIV
• Text: COSMETICS … JANUARY 20, 2021
• Start tag: <div class="field__item tns-item" id="tns1-item3" aria-hidden="true" tabindex="-1">
• XPath: [not obtained]
• Bounding box: x = 1502, y = 1216, width = 351, height = 474
• Reported by Axe + Pour + SureA11y

Take me there

Diagnoses

Here is how rule engines diagnose the focusable element hidden issue for HTML element 548 of the Environmental Working Group page.

1. ARIA hidden element must not be focusable or contain focusable elements; Focusable content should have tabindex="-1", be removed from the DOM, or not be hidden with aria-hidden

   Rule engine: Axe (Deque)

   Rule: aria-hidden-focus

2. Nothing focusable may sit inside aria-hidden="true"

   Rule engine: Pour (David Yarham and Geoffrey Crofte)

   Rule: aria-hidden-focus

3. aria-hidden div contains 3 focusable element(s).

   Rule engine: SureA11y (Jorge Rumoroso)

   Rule: aria-hidden-focus