Kilotest: Diagnoses of button name not visible violation by HTML element 177 on Benetech page

Basics

About the page

• URL: https://benetech.org/
• Tested 3 days ago on 2026-10-07 at 19:45 by job 261007T1941-642
• Summary of results:
  • Rule engines:
    • Called: 12
    • Were able to test: 12
    • Reported any rule violations: 11
  • Violations: 426
  • Violators: 198
  • Issues: 34
• Download the full technical report (JSON)

About the issue

• Why it matters: User cannot get help explaining a button
• Priority: lowest
• Related WCAG standard: 4.1.2
• Reported by 1 rule engine (ASLint)
• Violations: 3
• Violators: 2

About the violator

• Tag name: DIV
• Text: Work with us … Donate
• Start tag: <div class="header-buttons wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
• XPath: /html/body/div[2]/div[2]/header[1]/div[2]
• Bounding box: x = 2368, y = 72, width = 267, height = 30
• Reported by ASLint

Take me there

Diagnoses

Here is how rule engines diagnose the button name not visible issue for HTML element 177 of the Benetech page.

1. The button content has only whitespaces. Having only defined an attribute aria-label="Toggle navigation" is not sufficient and it is recommended to have the content instead, e.g. at least visually hidden, but exposed to assisitve technologies. Some users are disabling styles for better readability, and also description from attribute is not available for automatic translators.

   Rule engine: ASLint (eSSENTIAL Accessibility)

   Rule: empty_button_description