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

Light theme: the hero slider's and the quickstart link's focus rings are 2.26:1

Open Beginner friendly
  • Is something wrong?
#961 1 comment 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
75/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
css, html
Domain
accessibility, frontend

Research direction

Start by searching the stylesheet for --ember-bright and the existing [data-theme="light"] override block, and read how #954 switched the wizard to --ember-deep. Then change the :focus-visible outlines of .hero-slider-dot, .hero-slider-arrow and .link-cta, plus the .link-cta text colour on the light theme, and check the result on quickstart.html and the home page. Done means each ring is at least 3:1 against its background, .link-cta text is at least 4.5:1, and the dark theme renders unchanged.

Written by the indexing model from the issue text.

Description

area: site bug good first issue severity: low wave: 4

On the light theme three controls draw their focus ring in --ember-bright (#fb923c), which is 2.26:1 on white, under the 3:1 a focus indicator needs (WCAG 2.2 SC 1.4.11), so a keyboard user can lose track of focus:

  • the home page's hero slider dots (.hero-slider-dot:focus-visible) and arrows (.hero-slider-arrow:focus-visible);
  • the "open the wizard" link on quickstart.html (.link-cta:focus-visible), whose text colour (rgb(250, 134, 46) on white, about 2.4:1) is also under the 4.5:1 body text needs.

Measured in Chrome with data-theme="light". The browser wizard had the same problem on its fields, sliders and section headers; #954 switched those to --ember-deep (#c2410c, 5.18:1 on white) under [data-theme="light"].

Acceptance criteria

  • Under [data-theme="light"] the three focus rings have at least 3:1 against their background; --ember-deep gives 5.18:1 on white.
  • The .link-cta text has at least 4.5:1 on the light theme.
  • The dark theme keeps its current colours.
Dominant language
Python
Stars
9
Forks
1
Avg merge
11h 6m
Merged PRs (30d)
29

Getting set up

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 HodeTech/ForgeLM

All issues in HodeTech/ForgeLM

Similar issues

More Python issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.