CodeYourFuture / CodeYourFuture/Full-Stack-Project-Assessment

Check and improve accessibility with lighthouse

未关闭
#493 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
🏕 Priority Mandatory 📅 Week 2 🦑 Size Large 🧩 Feature
主要语言
JavaScript
星标
9
派生
352
PR 合并指标
30 天内没有已合并 PR

描述

## Acceptance Criteria

- [ ] A Lighthouse accessibility audit is conducted and achieves above 80 on Accessibility.
- [ ] The Lighthouse report (HTML) is included in the Pull Request.
- [ ] CSS provides clear focus states to visually indicate the currently active control.
- [ ] All website controls can be navigated and activated using only the keyboard.

Check out the resources section below to figure out how to implement this requirement.

## Guidance 🧭

**Lighthouse Accessibility Testing:** [https://supercooldesign.co.uk/blog/how-to-run-a-lighthouse-audit](https://supercooldesign.co.uk/blog/how-to-run-a-lighthouse-audit)

贡献指南

这个仓库没有索引到贡献指南

调研方向

首先对网站运行 Lighthouse 可访问性审计并检查报告的问题,然后检查控件及其 CSS,确认键盘导航和可见的焦点状态。完成标准是 Accessibility 分数高于 80、所有控件都支持键盘操作、焦点样式清晰,并在 pull request 中包含 HTML Lighthouse 报告。

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

评估

技术栈
javascript
领域
accessibility, frontend
Issue 类型
功能
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
45/100

把新 issue 发到你的邮箱

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