アクセシビリティ サポーテッド (AS) 情報：テストケース
0029-08: aria-describedby 属性による説明ラベルの提供 (button要素 : 複数のaria-describedby属性値)

Tabキーで「フォント」ボタンにフォーカスを移動。

Tabキーで「色」ボタンにフォーカスを移動。

Tabキーで「カスタマイズ」ボタンにフォーカスを移動。

フォント、ボタン

このページで使用するフォントフェイスとサイズの選択 ボタンを押下しフォントを選択してください

色、ボタン

このページで使用する色を選択 ボタンを押下し色を選択してください

カスタマイズ、ボタン

このページで使われているレイアウトやスタイルをカスタマイズ ボタンを押下しレイアウトやスタイルを選択してください

3つのボタンでテストをすることになっていますが、何が違うのか不明でした。

ローターをフォームコントロールにしてbuttonにフォーカス

「フォント, ボタン, このページで使用するフォントフェイスとサイズの選択 ボタンを押下しフォントを選択してください」

「色, ボタン, このページで使用する色を選択 ボタンを押下し色を選択してください」

「カスタマイズ, ボタン, このページで使われているレイアウトやスタイルをカスタマイズ ボタンを押下しレイアウトやスタイルを選択してください」

タブキーを押して button 要素をフォーカスした。

「フォント」ボタンをフォーカスすると、「フォント ボタン」「このページで使用するフォントフェイスとサイズの選択 ボタンを押下しフォントを選択してください」と続けて読み上げられた。

同様に、「色」、「カスタマイズ」ボタンをフォーカスした時にも、ボタン名の後、説明文が読み上げられた。