
<html>

    <head>

      <base href="https://bugs.webkit.org/">

    </head>

    <body><table border="1" cellspacing="0" cellpadding="8">

        <tr>

          <th>Bug ID</th>

          <td><a class="bz_bug_link 

          bz_status_NEW "

   title="NEW - VoiceOver does not announce a list for groups of links when list-style: none;"

   href="https://bugs.webkit.org/show_bug.cgi?id=170179">170179</a>

          </td>

        </tr>


        <tr>

          <th>Summary</th>

          <td>VoiceOver does not announce a list for groups of links when list-style: none;

          </td>

        </tr>


        <tr>

          <th>Product</th>

          <td>WebKit

          </td>

        </tr>


        <tr>

          <th>Version</th>

          <td>Safari 10

          </td>

        </tr>


        <tr>

          <th>Hardware</th>

          <td>All

          </td>

        </tr>


        <tr>

          <th>OS</th>

          <td>iOS 10

          </td>

        </tr>


        <tr>

          <th>Status</th>

          <td>NEW

          </td>

        </tr>


        <tr>

          <th>Severity</th>

          <td>Normal

          </td>

        </tr>


        <tr>

          <th>Priority</th>

          <td>P2

          </td>

        </tr>


        <tr>

          <th>Component</th>

          <td>CSS

          </td>

        </tr>


        <tr>

          <th>Assignee</th>

          <td>webkit-unassigned&#64;lists.webkit.org

          </td>

        </tr>


        <tr>

          <th>Reporter</th>

          <td>cornwell_izabella&#64;bah.com

          </td>

        </tr></table>

      <p>

        <div>

        <pre>VoiceOver on Safari 9.1.3 (MacPro) and 10.2.1 (iPAD/iPhone) does not announce a list for a groups of links when list-style is set to none


}

ul.navigation {

  list-style: none; 

  padding: 0;

}

&lt;ul class=&quot;navigation&quot;&gt;

    &lt;li&gt;&lt;a href=&quot;kitchen.html&quot;&gt;Kitchen&lt;/a&gt;&lt;/li&gt;

    &lt;li&gt;&lt;a href=&quot;bedbath.html&quot;&gt;Bed &amp;amp; Bath&lt;/a&gt;&lt;/li&gt;

    &lt;li&gt;&lt;a href=&quot;dining.html&quot;&gt;Fine Dining&lt;/a&gt;&lt;/li&gt;

    &lt;li&gt;&lt;a href=&quot;lighting.html&quot;&gt;Lighting&lt;/a&gt;&lt;/li&gt;

    &lt;li&gt;&lt;a href=&quot;storage.html&quot;&gt;Storage&lt;/a&gt;&lt;li&gt;

&lt;/ul&gt; 


url to test/verify: navigation tab menu at: <a href="https://www.w3.org/WAI/demos/bad/after/home.html">https://www.w3.org/WAI/demos/bad/after/home.html</a></pre>

        </div>

      </p>


      <hr>

      <span>You are receiving this mail because:</span>


      <ul>

          <li>You are the assignee for the bug.</li>

      </ul>

    </body>

</html>