Kilotest: Diagnoses of aria reference invalid violation by HTML element 328 on Tradeoffs page

Basics

About the Tradeoffs page

• URL: https://tradeoffs.org/
• Tested 30 days ago by job 5g2 on 2026-06-20 at 13:59

About HTML element 328

• Tag name: BUTTON
• Text: Open Search
• Start tag: <button id="search-toggle" on="tap:AMP.setState( { searchVisible: !searchVisible } ), search-form-2.focus" aria-controls="search-menu" [aria-expanded]="searchVisible ? 'true' : 'false'" aria-expanded="false">
• XPath: /html/body/div[1]/header[1]/div[1]/div[1]/div[3]/div[2]/button[1]
• Bounding box: x = 1532, y = 21, width = 28, height = 37

About the aria reference invalid issue

• Why it matters: Item behavior violates user expectations
• Priority: highest
• Related WCAG standard: 1.3.1

Diagnoses

Here is how rule engines diagnose the aria reference invalid issue for HTML element 328 of the Tradeoffs page.

1. The 'id' "search-menu" specified for the ARIA property 'aria-controls' value is not valid

   Tool: Accessibility Checker (IBM)

   Rule: aria_id_unique