Current Item (aria-current)
現在の項目(aria-current)
aria-currentは、関連するセット内でどの項目が現在のアイテムであるかを支援技術に伝えます。それは項目が選択されていることを意味するものではありません。
one item in a set + aria-current=page|step|date|location|time|truearia-current="page"pageone item in a set + aria-current=page|step|date|location|time|trueA11Yもう一つの例
パンくずリストには、Home、Projects、Auroraが含まれます。aria-currentがpageに設定されているのはAuroraだけです。
主な部分
- 01関連アイテムセット
- 02現在の項目
- 03現在の値
- 04可視インジケーター
- 05支援アナウンス
- 06選択境界
以下の場合に使用します
集合内の現在のページ、ステップ、日付、または場所に使用してください。意味に合ったトークンを選択します。
以下の場合は使用しないでください
同じセット内の複数の項目を現在のものとしてマークしないこと。選択ウィジェットには代わりにaria-selectedを使用すること。
コードで使用する名前
one item in a set + aria-current=page|step|date|location|time|true 出荷前に
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome:Complete the task with 現在の項目(aria-current) (Current Item (aria-current))。 User context:パンくずリストには、Home、Projects、Auroraが含まれます。aria-currentがpageに設定されているのはAuroraだけです。 Recommended pattern:現在の項目(aria-current) (Current Item (aria-current))。 Why it fits:集合内の現在のページ、ステップ、日付、または場所に使用してください。意味に合ったトークンを選択します。 Do not use it when:同じセット内の複数の項目を現在のものとしてマークしないこと。選択ウィジェットには代わりにaria-selectedを使用すること。 Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary):この標準は、列挙された範囲のみを対象とします。視覚スタイル、製品の判断、またはVibularyの例は選びません。 Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
このリクエストを確認する
Review how 現在の項目(aria-current) (Current Item (aria-current)) is used now. Definition: aria-currentは、関連するセット内でどの項目が現在のアイテムであるかを支援技術に伝えます。それは項目が選択されていることを意味するものではありません。 Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.