How to make the TTS read a table per column instead of row

[mickael-menu]

We have an editor who wants to have the TTS read each column of a table entirely before switching to the next one. The default behavior in Thorium is to read row per row, which doesn't make sense in this context:

We used scope="col" to no avail:

<table style="width: 100%;border-spacing: 0;border-collapse: collapse;">
   <colgroup>
      <col style="width: 34%"/>
      <col style="width: 33%"/>
      <col style="width: 33%"/>
   </colgroup>
   <thead>
      <tr>
         <th class="ntop_center_border" id="confiance" scope="col">
            <p class="nsth-para"><b>En confiance</b></p>
         </th>
         <th class="ntop_center_border1" id="neutre" scope="col">
            <p class="nsth-para"><b>Neutre</b></p>
         </th>
         <th class="ntop_center_border1" id="pasconfiance" scope="col">
            <p class="nsth-para"><b>Pas en confiance</b></p>
         </th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td class="ntop_left_border" headers="confiance">
            <p class="nst-para">Ouverture d’esprit</p>
            <p class="nst-para">Écoute active</p>
            <p class="nst-para">Humour</p>
            <p class="nst-para">Émergence d’idées</p>
            <p class="nst-para">Moins de défi</p>
            <p class="nst-para">Constructif</p>
            <p class="nst-para">Souriant</p>
         </td>
         <td class="ntop_left_border1" headers="neutre">
            <p class="nst-para">Axé sur les objectifs</p>
            <p class="nst-para">Explication factuelle</p>
            <p class="nst-para">Écoute rationnelle</p>
            <p class="nst-para">Utilisation de preuves</p>
            <p class="nst-para">En mode analyse</p>
         </td>
         <td class="ntop_left_border1" headers="pasconfiance">
            <p class="nst-para">Froideur</p>
            <p class="nst-para">Climat tendu</p>
            <p class="nst-para">Scepticisme</p>
            <p class="nst-para">Doute</p>
            <p class="nst-para">Remise en question</p>
            <p class="nst-para">Distance</p>
            <p class="nst-para">Arrogance</p>
            <p class="nst-para">Prudence</p>
            <p class="nst-para">Attitude défensive</p>
         </td>
      </tr>
   </tbody>
</table>

Do you know if it's something that can be set in the HTML? Thanks

[mickael-menu]

I'm thinking it might be an issue inherent to table usage, since the screen reader will read the text nodes in the HTML order. It could be better to drop tables and use responsive divs with flexbox instead.

[danielweck]

HTML document order is used to defined the reading / listening order to generated TTS utterances. I'm moving this issue to a discussion for further ... discussion :)