Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Accessibility] [Password Page][Semantics] Muda’s button is identified as a img #867

Open
ceciliabelem opened this issue Oct 22, 2024 · 1 comment
Labels
accessibility Improving accessibility of our app

Comments

@ceciliabelem
Copy link

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

To Reproduce
Steps to reproduce the behavior:

  1. Go to '(https://muda.cambiatus.io/join?redirect=%2Fdashboard)'
  2. Click on "I'm already a member" button
  3. Run AxeDev Tools
  4. 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
image

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.

@ceciliabelem
Copy link
Author

For mapping all defects 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

@lucca65 lucca65 added the accessibility Improving accessibility of our app label Oct 29, 2024
@lucca65 lucca65 added this to Software Oct 29, 2024
@github-project-automation github-project-automation bot moved this to ✨ New Issues in Software Oct 29, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Improving accessibility of our app
Projects
Status: New Issues
Development

No branches or pull requests

2 participants