Переопределить арию-метку ionic3 ion-icon

Question

Я проверяю доступность моего приложения Ionic3 с помощью функции VoiceOver для iOS.Похоже, ion-icon использует имя иконки в своих атрибутах 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>

Громко зачитывается как "Изображения с контурными открытками"

В обоих случаях предпочтительнее просто не объявлятьназвание иконы вообще.Тем не менее, было бы неплохо узнать, как переопределить его с помощью пользовательского текста.

Answer 1

Согласно документации ionicons , вы можете просто перезаписать метку aria:

<ion-icon name="checkmark-circle" ariaLabel="Completed"></ion-icon>

Поскольку рядом с полем стоит галочкачто-то, что звучит как задача, я предполагаю, что значок на самом деле несет важную информацию: задача выполнена.Поэтому вам не следует скрывать эту информацию от пользователей программ чтения с экрана.

Answer 2

В этом примере я выяснил, как подавить имя иконки при использовании кода ионной иконки.Просто добавьте aria-hidden = "true"

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

Все еще пытаясь выяснить, как подавить его для вкладок или переопределить метку.