[Suggestion]: Weak Social Links alt text in TeamMember.tsx
未关闭
适合新手
还没有人认领这个 Issue。
type: documentation
- 主要语言
- JavaScript
- 星标
- 11.8k
- 派生
- 7.9k
- 平均合并
- 1 天 11 小时
- 30 天内合并 PR
- 11
描述
Summary
The accessibility problem on social links
Page
https://react.dev/community/team
Details
Social links use aria-label={${name} on Twitter}, but Github ("Github Profile") and Personal ("Personal Site") omit the name. On a page with dozens of members these are indistinguishable to screen reader users. Normalize them to include name.
Also adding aria-hidden="true", hiding decorative icons keeps the accessible name clean.
贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
调研方向
从 TeamMember.tsx 开始，检查团队页面如何渲染社交链接标签和装饰性图标。验证链接是否公开包含每位成员姓名的不同可访问名称，并确认图标对辅助技术隐藏，然后检查团队页面上已完成的行为。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- react, typescript
- 领域
- accessibility, frontend
- Issue 类型
- 缺陷
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 活跃度
- 冷清
- 描述清晰度
- 描述清楚
- 新手友好度
- 78/100