2

iOS の VoiceOver 機能を使用して、Ionic3 アプリのアクセシビリティをテストしています。ion-icon は aria-label 属性でアイコンの名前を使用し、読み上げられるようです。他のものでオーバーライドするか、アイコンの aria-label を抑制する方法はありますか?

例...

次のようなボタンがあります。

<button ion-button icon-right>
    Finish my postcard 
    <ion-icon name="checkmark-circle"></ion-icon>
</button>

これは、VoiceOver を使用して「ポストカード チェックマーク サークルを終了してください」として読み上げられます。

タブについても同様です。 

<ion-tab [root]="tab3Root" tabTitle="Postcards" tabIcon="images"></ion-tab>

「画像はがきの概要」として読み上げられます

どちらの場合も、アイコンの名前をまったく発表しない方が望ましいでしょう。ただし、カスタム テキストでオーバーライドする方法も知っておくとよいでしょう。

4

2 に答える 2