Фокус вкладки для ионной метки не работает для доступности

Question

Я бы попытался реализовать некоторую доступность в моем ионном веб-приложении, но клавиатура Tab не работает с ion-label. ниже приведен HTML-код для метки.

<div padding-bottom="" padding-top="" text-center="">
        <ion-chip navpush="HelpPage" class="chip chip-md">
            <ion-label class="md-help-text label label-md">Forgot Your Password?</ion-label>
        </ion-chip>
    </div>

Когда мы используем вкладку клавиатуры, фокусируемся, перепрыгиваем через этот элемент и переходим к следующему элементу.

Answer 1

labels не могут быть сфокусированы по умолчанию. Вместо них следует использовать элементы

<a> или <button> (я не знаю ионный способ сделать это).

Использованиеa <button>, если желаемое действие - остаться на той же странице.

Используйте <a>, если вы переходите на другую страницу.

Единственный другой вариант, который у вас есть (этоявляется последним курортом, поскольку с учетом вышеупомянутой разметки это не кажется необходимым) означает использование tabindex=0 на элементе, активируемом щелчком мыши.

Это сделает элемент фокусируемым в пределахпорядок табуляции страницы (не используйте положительное целое число для вашего tabindex, поскольку это нарушает порядок табуляции).