Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Make photo credit badges consistently clickable

Open Beginner friendly
#183 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
68/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Active
Tech stack
html
Domain
frontend

Research direction

Inspect the photo credit badges in index.html and coffee.html, comparing the own-photo spans with the existing Unsplash links. Update the own-photo badges to point to photographer.html, then verify every badge is clickable and decide whether the invert styling and aria-label need adjustments.

Written by the indexing model from the issue text.

Description

design

Photo credit badges across the site come in two shapes:

  • Unsplash photos use an <a> linking to the photo or photographer, e.g. the four on index.html and the three on coffee.html.
  • William's own photos use a <span> with the same styling and a title="Photograph by William Lay", so the badge looks identical but does nothing. Currently the photographer spotlight on index.html and the book and French press spotlights on coffee.html.

A reader cannot tell the difference until they try to click, and a badge that looks like a link but is inert reads as an unfinished placeholder rather than a deliberate credit.

Proposal: make the own-photo badges link to photographer.html, so every badge on the site is clickable and the credit clearly points at a person on purpose.

Worth deciding at the same time:

  • Whether the black pill is the right treatment inside invert spotlights. On a black section the pill disappears and only the white camera icon and name remain. It is legible and already the behaviour on index.html, but it is accidental rather than designed.
  • Whether the badge needs an aria-label, since the camera glyph is decorative and the text alone reads as a bare name.

Split out of #181, where the own-photo badges were first added.

Dominant language
HTML
Stars
0
Forks
0
Avg merge
8h 17m
Merged PRs (30d)
58

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from laywill/laywill.github.io

All issues in laywill/laywill.github.io

Similar issues

More Web Dev issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.