cambiatus/frontend

[Accessibility] [Out logged Page] [AxeDev Tools] Language button has no discernible text

Opened this issue · 1 comments

ceciliabelem commented

Describe the bug
The language button has no id or label. The screen reader doesn't identify what's the component for and the user can't change use the resource provided (in this case, change language).

Ensure buttons have discernible textmore informationLink opens in a new windowElement Location:.z-20To solve this problem, you need to fix at least (1) of the following:Element does not have inner text that is visible to screen readersaria-label attribute does not exist or is emptyaria-labelledby attribute does not exist, references elements that do not exist or references elements that are emptyElement has no title attributeElement's default semantics were not overridden with role="none" or role="presentation"

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'https://muda.cambiatus.io/join?redirect=%2Fdashboard'
  2. Run AxeDev Tools
  3. Check the component without label or id

Expected behavior
Form components must have id and label to work for screen readers, as 2.5.3 WCAG criteria.

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

Cambiatus Env you are using
(https://muda.cambiatus.io/join?redirect=%2Fdashboard)

Desktop (please complete the following information):

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

ceciliabelem commented

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