Accessible Name
アクセシブル名
アクセシブル名は、コントロールまたは画像に対してソフトウェアが計算するラベルです。スクリーンリーダーはそれを使って項目を識別します。
もう一つの例
スクリーンリーダーを使用するユーザーは、アイコンのみの送金ボタンにたどり着きます。そのアクセシブル名は「NT$2,400を送金」であり、隣の装飾用アイコンには名前がありません。金額が変わると名前も変わります。
主な部分
- 01名前のソース
- 02参照テキスト
- 03計算結果
以下の場合に使用します
各コントロールと意味のある画像には、短く明確な名前を付けます。近くのアイテムが区別しやすいようにします。
以下の場合は使用しないでください
aria-label に表示されるテキストを繰り返さないでください。装飾アイテムを名前で示さないでください。スクリーンリーダーが余分な言葉や矛盾する言葉を読み上げてしまう可能性があります。
コードで使用する名前
label, alt, aria-labelledby, or aria-label in the accessible-name computation 出荷前に
Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery.
Outcome:Complete the task with アクセシブル名 (Accessible Name)。 User context:スクリーンリーダーを使用するユーザーは、アイコンのみの送金ボタンにたどり着きます。そのアクセシブル名は「NT$2,400を送金」であり、隣の装飾用アイコンには名前がありません。金額が変わると名前も変わります。 Recommended pattern:アクセシブル名 (Accessible Name)。 Why it fits:各コントロールと意味のある画像には、短く明確な名前を付けます。近くのアイテムが区別しやすいようにします。 Do not use it when:aria-label に表示されるテキストを繰り返さないでください。装飾アイテムを名前で示さないでください。スクリーンリーダーが余分な言葉や矛盾する言葉を読み上げてしまう可能性があります。 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 アクセシブル名 (Accessible Name) is used now. Definition: アクセシブル名は、コントロールまたは画像に対してソフトウェアが計算するラベルです。スクリーンリーダーはそれを使って項目を識別します。 Release checks: Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.