堅牢/4.1 互換性
4.1.2名前 (name)・役割 (role)・値
レベル AName, Role, Value
すべてのUI部品について、名前・役割・状態や値が支援技術にプログラム的に伝わるようにし、値や状態が変化した際もその変更が通知される必要がある。標準のHTML要素(button、inputなど)は基本的にこの基準を満たしており、divやspanで自作したカスタム部品にARIA属性で補うことが主な対応となる。
補足
この達成基準の詳細解説は準備中です。現在は関連パターン・達成方法・原典への参照を掲載しています。
関連する達成方法
この達成基準を満たすための具体的な実装方法です。本サイトでは本文を収録していないため、各リンク先の W3C 原文を参照してください。
十分な達成方法(14)
すべて表示(14件)
- ARIA4: Using a WAI-ARIA role to expose the role of a user interface component(新しいタブで開きます)waic.jp(新しいタブで開きます)
- ARIA5: Using WAI-ARIA state and property attributes to expose the state of a user interface component(新しいタブで開きます)waic.jp(新しいタブで開きます)
- ARIA14: Using aria-label to provide an accessible name where a visible label cannot be used(新しいタブで開きます)waic.jp(新しいタブで開きます)
- ARIA16: Using aria-labelledby to provide a name for user interface controls(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G10: Creating components using a technology that supports the accessibility API features of the platforms on which the user agents will be run to expose the names and roles, allow user-settable properties to be directly set, and provide notification of changes(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G108: Using markup features to expose the name and role, allow user-settable properties to be directly set, and provide notification of changes(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G135: Using the accessibility API features of a technology to expose names and roles, to allow user-settable properties to be directly set, and to provide notification of changes(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H44: Using label elements to associate text labels with form controls(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H64: Using the title attribute of the iframe element(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H65: Using the title attribute to identify form controls when the label element cannot be used(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H88: Using HTML according to spec(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H91: Using HTML form controls and links(新しいタブで開きます)waic.jp(新しいタブで開きます)
- PDF10: Providing labels for interactive form controls in PDF documents(新しいタブで開きます)waic.jp(新しいタブで開きます)
- PDF12: Providing name, role, value information for form fields in PDF documents(新しいタブで開きます)waic.jp(新しいタブで開きます)
失敗例(9)
すべて表示(9件)
- F15: Failure of Success Criterion 4.1.2 due to implementing custom controls that do not use an accessibility API for the technology, or do so incompletely(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F20: Failure of Success Criterion 1.1.1 and 4.1.2 due to not updating text alternatives when changes to non-text content occur(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F42: Failure of Success Criteria 1.3.1, 2.1.1, 2.1.3, or 4.1.2 when emulating links(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F59: Failure of Success Criterion 4.1.2 due to using script to make div or span a user interface control in HTML without providing a role for the control(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F68: Failure of Success Criterion 4.1.2 due to a user interface control not having a programmatically determined name(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F79: Failure of Success Criterion 4.1.2 due to the focus state of a user interface component not being programmatically determinable or no notification of change of focus state available(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F86: Failure of Success Criterion 4.1.2 due to not providing names for each part of a multi-part form field, such as a US telephone number(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F89: Failure of Success Criteria 2.4.4, 2.4.9 and 4.1.2 due to not providing an accessible name for an image which is the only content in a link(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F111: Failure of Success Criteria 1.3.1, 2.5.3, and 4.1.2 due to a control with visible label text but no accessible name(新しいタブで開きます)waic.jp(新しいタブで開きます)
原典・規範文書
- 達成基準 4.1.2 名前 (name)・役割 (role)・値 — WCAG 2.2 日本語訳(waic.jp)(新しいタブで開きます)規範訳。正式な要件の本文はこちら。
- Understanding Name, Role, Value — W3C(英語)(新しいタブで開きます)意図・具体例・達成方法の詳しい公式解説。