為什么不專注於iOS11？

Question

我正在做網絡輔助功能。 但是當我在iOS11中使用畫外音時，我發現焦點不好。 在那之前沒有問題。

請參見下面的示例。

<a href="#test">skip</a>
[focus O]
1) <div id="test" tabindex="-1">test1</div>
2) <div id="test" tabindex="-1"><span>test1</span></div>
3) <div id="test" tabindex="-1"><img src="url" alt="test"></div>

[focus X]
1) <div id="test" tabindex="-1">test1<img src="url" alt="test"></div>
2) <div id="test" tabindex="-1">test1<span>test2</span></div>

看起來，如果一個元素中有兩個以上的元素，則沒有。

這是什么原因呢？

有什么解決辦法嗎？

Answer 1

試圖了解您的問題。 我不確定您的“焦點O”和“焦點X”是什么意思。 我認為“ O”是一個很好的例子，“ X”是一個不好的例子。

VoiceOver將導航到DOM中的每個元素，因此在您的“ X”示例中，VO將在<div>test1<div>停止，然后在嵌入式<img>停止。 在第二個示例中，VO將在<div>test1<div>停止，然后在嵌入式<span>上停止。

如果要更改此行為，可以將role="text"添加到<div> ，因此您的“ X”示例為：

<div id="test" tabindex="-1" role="text">test1<img src="url" alt="test"></div>
<div id="test" tabindex="-1" role="text">test1<span>test2</span></div>

這將導致整個<div>成為一個焦點區域，並將所有文本讀取為一個。 但是，這也將失去圖像作用。 您會聽到圖像的alt文本，但不會聽到宣布的圖像角色。