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

听起来像aria-owns的工作

<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>

ADA-计算2个<ul>中的<li>个数（角度5）

1 个答案: