我正在尝试在我的Ionic Web应用程序中实现可访问性，但是键盘标签焦点无法与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>
当我使用键盘的Tab键时，焦点会跳到该元素上，然后转到下一个元素。
labels在默认情况下无法聚焦。
<a>或<button>元素（我不知道这样做的离子方式）。
如果所需的操作是保留在同一页面上，请使用<button>。
如果要导航到其他页面，请使用<a>。
您唯一的其他选择（由于上面的标记，这是一个最后一个手段，似乎没有必要）是在可点击元素上使用tabindex=0。
这将使元素在页面的制表符顺序内可聚焦（对于tabindex，请不要使用正整数，因为这会破坏制表符顺序）。
如上文Graham Ritchie所述，标签默认情况下无法聚焦。因此，我们可以将ARIA: button角色与tabIndex一起使用。
如果使用role="button"而不是<button> or <input type="button">之类的语义label元素，它将使元素显示为屏幕阅读器的按钮控件，而为了获得焦点，我们需要使用tabIndex。
<div text-center padding-bottom padding-top >
<ion-chip class="chip chip-md" navPush="HelpPage" [navParams]="account">
<ion-label tabindex="0" role="button" class="md-help-text label label-md" >Forgot Your Password?</ion-label>
</ion-chip>
</div>
参考链接：ARIA Role TabIndex Info
注意：上面的代码对我来说适用于键盘标签焦点访问和屏幕阅读器。