Kilotest: Violations of tablist navigation nonstandard issue for Taproot Foundation page

Basics

About the page

• URL: https://taprootfoundation.org/
• Tested 2 days ago on 2026-10-07 at 23:08 by job 261007T2305-4se
• Summary of results:
  • Rule engines:
    • Called: 12
    • Were able to test: 12
    • Reported any rule violations: 11
  • Violations: 508
  • Violators: 244
  • Issues: 35
• Download the full technical report (JSON)

About the issue

• Why it matters: Tablist items behave improperly for a keyboard-only user
• Priority: low
• Related WCAG standard: 2.1.1
• Reported by 1 rule engine (Testaro)
• Violations: 4
• Violators: 4

Violators

Here are the HTML elements reported to violate rules belonging to the tablist navigation nonstandard issue.

• Element 360

  • Tag name: BUTTON
  • Text: Nonprofits
  • Start tag: <button type="button" role="tab" class="section--tab__nav-item is-active" :class="{ 'is-active': active === 0 }" :aria-selected="(active === 0).toString()" @click="active = 0" id="tabs-tab-0" aria-controls="tabs-panel-0" aria-selected="true">
  • XPath: /html/body/div[2]/section[6]/div[2]/div[1]/button[1]
  • Bounding box: x = 308, y = 2912, width = 113, height = 51
  • Reported by Testaro
  • What diagnoses were reported?

• Element 361

  • Tag name: BUTTON
  • Text: Skilled Volunteers
  • Start tag: <button type="button" role="tab" class="section--tab__nav-item" :class="{ 'is-active': active === 1 }" :aria-selected="(active === 1).toString()" @click="active = 1" id="tabs-tab-1" aria-controls="tabs-panel-1" aria-selected="false">
  • XPath: /html/body/div[2]/section[6]/div[2]/div[1]/button[2]
  • Bounding box: x = 437, y = 2912, width = 167, height = 51
  • Reported by Testaro
  • What diagnoses were reported?

• Element 362

  • Tag name: BUTTON
  • Text: Companies
  • Start tag: <button type="button" role="tab" class="section--tab__nav-item" :class="{ 'is-active': active === 2 }" :aria-selected="(active === 2).toString()" @click="active = 2" id="tabs-tab-2" aria-controls="tabs-panel-2" aria-selected="false">
  • XPath: /html/body/div[2]/section[6]/div[2]/div[1]/button[3]
  • Bounding box: x = 620, y = 2912, width = 118, height = 51
  • Reported by Testaro
  • What diagnoses were reported?

• Element 363

  • Tag name: BUTTON
  • Text: Grantmakers
  • Start tag: <button type="button" role="tab" class="section--tab__nav-item" :class="{ 'is-active': active === 3 }" :aria-selected="(active === 3).toString()" @click="active = 3" id="tabs-tab-3" aria-controls="tabs-panel-3" aria-selected="false">
  • XPath: /html/body/div[2]/section[6]/div[2]/div[1]/button[4]
  • Bounding box: x = 754, y = 2912, width = 133, height = 51
  • Reported by Testaro
  • What diagnoses were reported?