Hacktoberfest 2026:維護者為十月標記出來的 issue,仍然開放、適合新手。 瀏覽 Hacktoberfest issue

a11y: add ARIA attributes to explainer cards and CTA banner

未關閉
#8 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視

維護者通常 1 天內回覆

還沒有人認領這個 Issue。

評估

難度
2/5
預估耗時
1-3 小時
新手友好度
55/100
Issue 類型
缺陷
描述清晰度
描述清楚
活躍度
停滯
技術堆疊
typescript

研究方向

Start by reading explainer-cards.tsx and the CTA banner in page.tsx:50-54. Add the specified decorative SVG attributes and give the explainer cards semantic structure with a heading or aria-label; done means both components expose the intended information to assistive technology without adding an unnecessary link label.

由索引模型根據 Issue 內容生成。

描述

enhancement

Description

Severity: P3 — Accessibility

Two components lack proper accessibility attributes:

Explainer cards (`explainer-cards.tsx`)
  • No semantic landmark, no heading hierarchy
  • Icon SVGs lack `aria-hidden="true"`
  • Screen readers will announce raw SVG path data
  • Cards are invisible to assistive technology structure
CTA banner (`page.tsx:50-54`)
  • SVG icon has no `aria-hidden` or accessible label
  • The `` link has no `aria-label` beyond its text content (minor — "Get started" text is sufficient)

Suggested fix

  • Add `aria-hidden="true"` to all decorative SVGs
  • Wrap explainer cards in a `` with an appropriate heading or `aria-label`

From self-review findings F11 and F12

主要語言
TypeScript
星號
3.9k
分支
414
平均合併
4 小時
30 天內合併 PR
6

環境準備

  • 沒有 Dockerfile 或 Docker Compose 檔案
  • 沒有 Pull Request 範本
  • 閱讀貢獻指南

從這裡開始

  1. 先讀完整個 Issue,再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

CopilotKit/OpenIntelligentUI 的其他 Issue

查看 CopilotKit/OpenIntelligentUI 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。