Viewing an issue : Missing unordered list semantics

XMLWordPrintable

    • 9.07
    • Severity 3 - Minor

      Issue Summary

      On the “Viewing an issue” page, the “Edit”, “Add comment”, and so on, buttons lack unordered list semantics.

      Steps to Reproduce

      1. Navigate onto the above mentioned page.
      2. Navigate onto the mentioned instances and observe the interrelated elements.
      3. Inspect their code.
      4. Observe that these elements do not use unordered list semantics.

      Screenshot

      Actual Results

      The “Edit”, “Add comment”, and so on, interrelated buttons are not semantically declared as an unordered list. As a result, users of assistive technologies will not be able to comprehend the page’s structure efficiently.

      Expected Results

      The visually interrelated elements must use list semantics. Use <ul> and <li> elements to mark up the unordered list. Make sure that these elements are contained in a single <ul> element and the list items are contained in individual <li> elements.
      Code Snippet
      <ul>
      <li><button>Edit</button></li>
      <li><button>Add comment</button></li>
      ...
      </ul>

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2021)
      macOS Monterey Version 12.4
      Chrome - Version 103.0.5060.134 (Official Build) (arm64)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 15.5 (17613.2.7.1.8)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

            Assignee:
            Serhii Panchenko
            Reporter:
            Cynthia Singh
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: