Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

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

未关闭 适合新手
#961 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

还没有人认领这个 Issue。

评估

难度
2/5
预计耗时
1-3 小时
新手友好度
75/100
Issue 类型
缺陷
描述清晰度
描述清楚
活跃度
活跃
技术栈
css, html

调研方向

先在样式表中搜索 --ember-bright 以及现有的 [data-theme="light"] 覆盖代码块,并阅读 #954 是如何将向导切换到 --ember-deep 的。然后修改 .hero-slider-dot、.hero-slider-arrow 和 .link-cta 的 :focus-visible 轮廓,以及浅色主题下 .link-cta 的文字颜色,并在 quickstart.html 和首页上检查效果。完成标准是:每个焦点环相对其背景至少为 3:1,.link-cta 文字至少为 4.5:1,且深色主题的渲染保持不变。

由索引模型根据 Issue 内容生成。

描述

area: site bug severity: low

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.
主要语言
Python
星标
9
派生
1
平均合并
10 小时 40 分钟
30 天内合并 PR
12

环境准备

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

HodeTech/ForgeLM 的其他 Issue

查看 HodeTech/ForgeLM 的全部 Issue

相似的 Issue

更多 Python Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。