Search code examples
htmlaccessibility

Lighthouse error: "Buttons do not have an accessible name"

How do I fix this Lighthouse error:

Buttons do not have an accessible name

<button class="search-button" type="submit" value="Search"></button>
Solution

  • I would recommend this link for reference.

    https://developers.google.com/web/tools/lighthouse/audits/button-name

    It suggests that the button should have inner text content or an aria-label or aria-labelledBy.

    <button class="search-button" type="submit">Search</button>

<button class="search-button" type="submit" aria-label="search"></button>

    I have shown a button with inner text and also a button with an aria-label.