layer5 icon indicating copy to clipboard operation
layer5 copied to clipboard

[Accessibility] Links under "Visualize and Simplify Platform Engineering" are having poor lighthouse accessibility score

Open OMGATE23 opened this issue 2 years ago • 3 comments

Description

The Links under "Visualize and Simplify Platform Engineering" are not having alt tags or even any discernable names considering that they are Links. This badly affects the accessibility score.

Expected Behavior

The links should have proper aria-labels and alt tags

Screenshots

The component in question Screenshot 2024-02-21 at 3 19 12 PM

What lighthouse says about this Screenshot 2024-02-21 at 3 23 00 PM Screenshot 2024-02-21 at 3 24 08 PM

Environment:

  • Host OS: MacOS
  • Browser: Chrome

I would like to work on this issue. I have earlier worked on similar issue here


Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

Join the Layer5 Community by submitting your community member form.

OMGATE23 avatar Feb 21 '24 09:02 OMGATE23

I would like to work on this issue

OMGATE23 avatar Feb 21 '24 09:02 OMGATE23

I further made the changes to check this issue if resolved will have how much impact and turns out its quite a bit

This is our previous accessibility score of 86 Screenshot 2024-02-21 at 3 38 40 PM

By making these changes, we will reach the accessibility score on lighthouse to 91 Screenshot 2024-02-21 at 3 37 47 PM

OMGATE23 avatar Feb 21 '24 10:02 OMGATE23

Thanks @OMGATE23

vishalvivekm avatar Feb 22 '24 17:02 vishalvivekm