cambiatus / frontend

Cambiatus Web based frontend using Elm
https://app.cambiatus.io
GNU Affero General Public License v3.0
25 stars 16 forks source link

[Accessibility] [Password page] [AxeDev Tools] Decorative image is identified by screen reader and has no alt atribute #868

Open ceciliabelem opened 1 month ago

ceciliabelem commented 1 month ago

Describe the bug The decorative image of a man holding a key has no alt attribute. As a decorative image, it should be coded in CSS, not to be read by screen readers. Decorative images aren't important to be verbalized and may confuse navigation. It's just identified an image and the user doesn't know what the image is or what is for.

To Reproduce Steps to reproduce the behaviour:

  1. Go to 'Muda's Password page'
  2. Run NVDA
  3. Navigate until the element and see the error

Expected behaviour As a decorative image, it should be in CSS to not be identified by screen readers. The screen reader user doesn’t know what is that image's 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):

Additional context Add any other context about the problem here.

ceciliabelem commented 4 weeks ago

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