ios 中的画外音和 android 中的对讲在双击按钮时无法访问输入元素。在使用 tabindex="0" 作为输入元素时,它可以通过双击访问但仍然无法访问。还有一种方法可以在桌面上测试画外音或对讲。
type="button"
id="Pivot12-Tab1"
class="ms-Button ms-Button--action ms-Button--command ms-Pivot-link link-221"
role="tab"
aria-selected="false"
name="Search"
data-content="Search"
data-is-focusable="true"
tabindex="0"
>
<span
class="ms-Button-flexContainer flexContainer-217"
data-automationid="splitbuttonprimary"
>
<div class="ms-SearchBox root-222">
<div
class="ms-SearchBox-iconContainer iconContainer-223"
aria-hidden="true"
>
<i
data-icon-name="Search"
aria-hidden="true"
class="ms-SearchBox-icon icon-228"
></i
>
</div>
<input
id="SearchBox20"
class="ms-SearchBox-field field-226"
placeholder="Search by job title or ID"
role="searchbox"
aria-label="Search by job title or ID"
value=""
tabindex="-1"
/>
</div>
</span>
</button>