Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-90747

Side Navigation: List mark-up used inappropriately

XMLWordPrintable

      Issue Summary

      The nested list mark-up has been used for the link element inappropriately.

      Steps to Reproduce

      1. Navigate to the side navigation.
      2. Inspect the code.
      3. Notice that list mark up is used inappropriately.

      Screenshot

      Actual Results

      The link such as "It all starts with listening: Best practices for a successful ERG program" is marked up using unordered list twice. As a result, screen reader users found it difficult to understand the information effectively.

      Expected Results

      Remove the unnecessary list mark-up from the source code of the link and keep it single <ul> element. 

      Code Snippet

       

      <div class="plugin_pagetree_children_list plugin_pagetree_children_list_noleftspace">         
      <div class="plugin_pagetree_children" id="children98344-0">         
      <ul role="list" class="plugin_pagetree_children_list" id="child_ul98344-0">                        
      <li>     
      (...)
      <a href="/display/TEST/It+all+starts+with+listening%3A+Best+practices+for+a+successful+ERG+program?src=contextnavpagetreemode" class="">It all starts with listening: Best practices for a successful ERG program</a>         
      (...)
      </ul></div></div>

       

      Workaround

      Currently there is no known workaround for this behavior. A workaround will be added here when available

      Environment

      MacBook Pro (16-inch, 2019)
      macOS Ventura Version 13.3.1
      Chrome - Version 114.0.5735.198 (Official Build) (x86_64)
      Firefox- Version 112.0.1 (64-bit)
      Safari- Version 16.4 (18615.1.26.11.23)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

        1. image-2023-09-12-17-30-37-179.png
          766 kB
          Varsha Bansode
        2. image-2023-08-11-18-00-17-157.png
          1.38 MB
          Varsha Bansode
        3. image-2023-08-11-18-00-09-662.png
          1.38 MB
          Varsha Bansode

            mfedoryshyn Maksym Fedoryshyh
            c3f9a46dc7c4 Varsha Bansode
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: