Переопределить арию-метку 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

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

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

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