hramos / hramos/hramos.github.io
Navbar links are icon-only with no labels or tooltips
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
The navbar renders WebsiteLinks as bare icons — mdi:pencil (Writing), mdi:telescope (Astrophotography), mdi:account (About) — with no visible text and no tooltip. None of the three is self-explanatory; a pencil in a header more commonly means "compose" or "edit" than "blog archive."
Suggested fix
- Show text labels alongside/instead of icons at
md:and up, where there is plenty of horizontal room. - At minimum, add
titleattributes so hover reveals the destination. - Verify
aria-labels are present for screen readers.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at the navbar component that renders WebsiteLinks and inspect the three icon-only destinations: Writing, Astrophotography, and About. Check the responsive behavior at the md breakpoint, then verify visible labels or title tooltips and accessible aria-labels for each link. Done means every destination is identifiable visually or on hover and by screen readers.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, frontend, web-dev
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 72/100