crickets-and-comb / crickets-and-comb/crickets-and-comb.github.io

Button for menu does not have accessible name

Open
#24 1 comment 1 reaction 0 assignees View on GitHub
Dominant language
HTML
Stars
2
Forks
1
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**
The Hamburger menu does not have text inside of it so it currently is announced as "button" by screen readers.

Adding an `aria-label` is one way to improve this. This single attribute will give the button an accessible name.

**To Reproduce**
Steps to reproduce the behavior:
1. Go to index.html
2. Resize viewport to tablet or mobile view
3. Run Lighthouse test or Axe Dev Tools

**Expected behavior**
Pass the audit, button have an accessible name

**Screenshots**

Image

**Desktop (please complete the following information):**
- Firefox
- Mac OS
- Desktop

**Additional context**
Enjoying the process you have! Ill make a PR after Im enabled or its ready to be submitted.

Contributor guide

Open the contributing guide

Research direction

Start in index.html and locate the hamburger menu button shown in the issue. Run Lighthouse or Axe DevTools at the tablet or mobile viewport to confirm the current audit result. Done means the button has an accessible name and passes the accessibility audit.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
accessibility, frontend
Issue type
Bug
Difficulty
1/5
Estimated time
Under an hour
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.