HTML zu zwingen, die Reihenfolge des Lesens von Voiceover

Question

i mit tabindex versucht haben aber es hat nicht funktioniert

ist es eine Möglichkeit, um die Elemente zu ändern, um ohne Verwendung JS Swap-Code zu lesen?

Answer 1

Sie können die Reihenfolge Ihrer divs in Ihrem HTML-Code ändern und sie dann mit der Eigenschaft order von flexbox platzieren. https://developer.mozilla.org/fr/docs/Web/CSS/order

Die Eltern müssen display: flex für die Arbeit tho haben.

Es ist nicht die sauberste Lösung, aber das ist ein No-Js, das Ihr Problem lösen sollte.

Answer 2

Haben Sie nach aria-flowto gesucht? https://www.w3.org/WAI/GL/wiki/Using_aria-flowto

Ich habe es nicht persönlich benutzt, aber ich bin mir ziemlich sicher, dass es die Reihenfolge von zugänglichen Anwendungen definieren soll.

Hier ist ein Beispiel aus dem Link 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>