jonastirona/ao5

A11y: Improve keyboard navigation and ARIA labels

オープン

#4 opened on 2025/12/02

GitHub で見るコントリビューターガイド
 (0 件のコメント) (0 件のリアクション) (0 人の担当者)TypeScript (0 件のフォーク)auto 404
accessibilitygood first issueui

Repository metrics

Stars
 (2 個のスター)
PR merge metrics
 (PR metrics pending)

説明

Description: We want to ensure ao5 is accessible to everyone.

File: apps/web/src/components

Task:

  • Ensure all buttons have aria-label attributes, especially icon-only buttons.
  • Verify that the "Settings" and "Auth" modals trap focus correctly.
  • Ensure all interactive elements are reachable via keyboard (Tab key).

コントリビューターガイド

調査方針
apps/web/src/components のコンポーネントで欠落している aria label を確認し、設定と認証モーダルにフォーカストラップを実装し、すべてのインタラクティブ要素がキーボードでアクセス可能であることを確認してください。
技術スタック
typescriptreact
領域
frontend
Issue 種別
アクセシビリティ
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3時間
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
新着
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
HTMLARIAReact
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
75