AryanVBW/NIRMAAN

♿ Implement Accessibility Features (A11y)

開放

#5 建立於 2025年10月2日

在 GitHub 查看
 (0 則留言) (0 個反應) (0 位負責人)TypeScript (1 個分叉)auto 404
a11yaccessibilityenhancementhacktoberfesttypescript

倉庫指標

星標
 (0 顆星)
PR 合併指標
 (30 天內沒有已合併 PR)

描述

Description

Ensure NIRMAAN is accessible to users with disabilities.

Tasks

  • Add ARIA labels to all interactive elements
  • Implement keyboard navigation
  • Ensure proper color contrast
  • Add screen reader support
  • Test with accessibility tools

Expected Outcome

Fully accessible application meeting WCAG 2.1 standards.

Skills Required

  • TypeScript/React
  • Accessibility standards
  • Testing tools

Difficulty Level

🟡 Intermediate

Hacktoberfest 2025 - Accessibility

貢獻者指南

研究方向
首先使用 axe DevTools 或 Lighthouse 審計當前應用程序。然後為交互元素添加 ARIA 標籤，實現鍵盤事件處理程序（onKeyDown、onKeyUp），並使用 WebAIM 的對比度檢查器等工具確保適當的顏色對比度。使用 NVDA 或 VoiceOver 等屏幕閱讀器進行測試。
技術棧
typescriptreact
領域
frontend
議題類型
無障礙
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 天
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
新近可參與
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
TypeScriptReactAccessibility standards
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
65