HTML форсирует порядок чтения VoiceOver

Question

Я пробовал с tabindex, но это не сработало

Есть ли способ изменить порядок чтения элементов без использования кода обмена JS?

Answer 1

Вы можете изменить порядок делений в своем HTML-коде, а затем разместить их с помощью flexbox order имущество. https://developer.mozilla.org/fr/docs/Web/CSS/order

Родитель должен иметь display: flex чтобы это работало.

Это не самое чистое решение, но оно должно решить вашу проблему.

Answer 2

Вы смотрели в aria-flowto? https://www.w3.org/WAI/GL/wiki/Using_aria-flowto

Я не использовал это лично, но я уверен, что это предназначено, чтобы определить порядок потока доступных приложений.

Вот пример из ссылки W3:

<h1 aria-flowto="main">The Daily Planet</h1>

<h2> Weather</h2>

<div id="weather" title="Weather" aria-flowto="sports">
    <p> The weather will be what it will be, if you want a forecast look out your window and have a guess. That's what the pros do!
    </p>
</div>

<h2> Election results</h2>

<div id="main" title="Election Results" aria-flowto="weather">
    <p> Whoever you vote for government wins. ANOK 1984</p>
</div>

<h2>Sports</h2>

<div id="sports" title="Sports">
    <p>Today there will be lots of goals scored, tennis played and footballs kicked.</p>
</div>