cambiatus/frontend

[Accessibility] [Semantics] Muda’s button is identified as a img

Opened this issue · 1 comments

Describe the bug
The "Muda logo" button is identified as an image with no alt attribute. As behaviour, it should role as button for a better accessible user experience.
Ensure elements have alternate text or a role of none or presentation
more informationLink opens in a new window
Element Location:
.h-10
To solve this problem, you need to fix at least (1) of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
Found:Automatically
Impact:critical
cat.text-alternatives
wcag2a
wcag111
section508
section508.22.a
TTv5
TT7.a
TT7.b
EN-301-549
EN-9.1.1.1
ACT
Found on:18/10/2024 at 12:18 PM

To Reproduce
Steps to reproduce the behavior:

  1. Go to '(https://muda.cambiatus.io/join?redirect=%2Fdashboard)'
  2. Run AxeDev Tools
  3. See error

Expected behavior
It should be a button with a label like “muda’s home page” or something like it. The screenreader user doesn’t know what is that image purpose.

Screenshots
If applicable, add screenshots to help explain your problem.

Cambiatus Env you are using
Put the URL of the page you are trying to use

Desktop (please complete the following information):

  • OS:Windows
  • Browser Chrome
  • Version 129.0.6668.101 (Versão oficial) 64 bits

Additional context
Add any other context about the problem here.

For mapping all defect statistics, I just updated the spreadsheet. Also, there is a graphic to help understand some kinds of bugs and how they can impact users.
Muda's Report Spreadsheet