ADA - подсчитать число <li>в 2 <ul>(угловое 5)

Question

У меня 2 <ul>, и они являются частью одного выпадающего списка. Когда я использую программу чтения с экрана NVDA, она учитывает оба списка <ul> отдельно. это должно рассчитывать как.

когда я вкладываю в div, программа чтения с экрана должна читать 6 пунктов списка. но теперь я получаю 3 элемента, которые сначала читают rightSection, затем снова говорят, что 3 элемента читают leftSection.

    <ul class=nav>
     <li navItem1>
        <div class="divoOne">
            <ul class="rightSection">
            <li>1</li>
            <li>2</li>
            <li>3</li>  

            </ul>

            <ul class="leftSection">
            <li>4</li>
            <li>5</li>
            <li>6</li>  
            </ul>

        <div>
    </li>

   </ul>

Если я внесу изменения в структуру HTML, мне придется снова кодировать много CSS. Я новичок в ADA. Есть ли способ сделать это с помощью тегов aria или JavaScript.

Answer 1

Похоже, что работа для Ария владеет

<nav aria-owns="rightSection leftSection" role="navigation">
   <ul class="nav">
      <li navItem1>
         <div class="divoOne">
            <ul id="rightSection" class="rightSection">
               <li>1</li>
               <li>2</li>
               <li>3</li>  
            </ul>
            <ul id="leftSection" class="leftSection">
               <li>4</li>
               <li>5</li>
               <li>6</li>  
            </ul>
         <div>
      </li>
   </ul>
</nav>