codu icon indicating copy to clipboard operation
codu copied to clipboard

A11y: Lack of Aria-Label Attribute in scroll and bookmark buttons

Open Maczi01 opened this issue 1 year ago • 2 comments

2## Context

Related to issue #745 - addressing accessibility (a11y) problems. The Bookmark and Scroll (CTA) buttons lack aria-label attributes, hindering screen reader accessibility.

Expected Behavior

Both the Bookmark and Scroll (CTA) buttons should include aria-label attributes that accurately describe their functions, adhering to accessibility standards.

Current Behavior

The buttons are missing aria-label attributes, which makes it challenging for screen reader users to understand their purposes.

Screenshots

Screenshot from pagespeed

Steps to reproduce

Please provide detailed steps for reproducing the issue

  1. Visit the PageSpeed Insights analysis: https://pagespeed.web.dev/analysis/https-www-codu-co/gp8g9869c6?form_factor=desktop
  2. Review the accessibility results.

Maczi01 avatar Feb 25 '24 20:02 Maczi01

Hello @Maczi01, thanks for opening your first issue! your contribution is valuable to us. The maintainers will review this issue and provide feedback as soon as possible.

github-actions[bot] avatar Feb 25 '24 20:02 github-actions[bot]

Uh oh! @Maczi01, the image you shared is missing helpful alt text. Check your issue body.

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

github-actions[bot] avatar Feb 25 '24 20:02 github-actions[bot]