要素には、アクセシブルな名前の一部として表示テキストが含まれている必要があります。

このルールは、以下の特性を持つ任意の要素に適用されます：

• コンテンツから名前をサポートするウィジェットのセマンティックロール、および

• 表示されるテキストコンテンツ、および

• aria-label または aria-labelledby の属性。

注: コンテンツからの名前をサポートするウィジェット ロールは、button、checkbox、gridcell、link、menuitem、menuitemcheckbox、menuitemradio、option、radio、searchbox、switch、tab、treeitemです。

期待結果

ターゲット要素の完全な表示テキスト コンテンツは、そのアクセス可能な名前と一致するか、またはその名前に含まれています。

注: 先頭と末尾の空白、および大文字と小文字の区別の違いは無視されます。

音声入力ユーザーは、画面に表示されるメニュー、リンク、ボタンの可視テキスト ラベルを音声で発話することにより、Webページと対話できます。音声入力ユーザーが見えるテキストラベルを発声しても音声コマンドが機能しないとき、それは混乱を招きます。これは、コンポーネントのアクセス可能な (プログラムによる) 名が表示されているラベルと一致しないためです。ユーザー インターフェイス コンポーネントに可視テキスト ラベル — がある場合、それが実際のテキストであるかテキストの画像であるかに関係なく — 、そのテキストはコンポーネントのアクセス可能な (プログラムによる) 名にも含まれている必要があります。インタラクティブ コンポーネントの表示ラベルとアクセス可能な (プログラムによる) 名が同期している場合、音声入力ユーザーはそれらのコンポーネントを効果的に操作できます。