サイトアイコン INFRAGISTICS ナレッジ ベース

[Ignite UI for Angular 10.2 新機能] igxSelectのリストコンテナへのaria-labelledby属性設定について

igxSelectではバージョン10.2.0よりリストコンテナにaria-labelledby属性が自動的に設定されるようになりました。

以下はデモコードです。

<igx-select [(ngModel)]="selected">
  <label igxLabel>Simple Select</label>
  <igx-select-item value="Orange">Orange</igx-select-item>
  <igx-select-item value="Apple">Apple</igx-select-item>
  <igx-select-item value="Banana">Banana</igx-select-item>
  <igx-select-item value="Mango">Mango</igx-select-item>
</igx-select>

上記を実行し、ブラウザーの開発者ツールでDOMを確認すると、igxSelectのリストコンテナ(role=”listbox”)のaria-labelledbyプロパティにigxLabelのidが自動で設定されています。

モバイルバージョンを終了