View page: Missing unordered list markup

XMLWordPrintable

    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      The "HIBB Veranstaltungen", "HIBB App- und Toolkasten", "HIBB Fokusgruppen", and so on elements lack unordered list semantics.

      Test URL

      https://hibb-cloud.atlassian.net/wiki/spaces/HC/overview?mode=global

      Steps to Reproduce

      1. Open the HIBB home page.
      2. Navigate to the "HIBB Campus – everything at a glance" section in the main content.
      3. Navigate through the "HIBB Veranstaltungen", "HIBB App- und Toolkasten", "HIBB Fokusgruppen", and so on image links placed in this section.
      4. Inspect the code for these elements.
      5. Observe that these elements do not use unordered list semantics.

      Screenshot

      Actual Results

      List markup is not used to present related information programmatically. For example, the image links such as "HIBB Veranstaltungen", "HIBB App- und Toolkasten", "HIBB Fokusgruppen", and so on are not marked up as an unordered list, even though they are visually presented as a list of related items.

      As a result, screen reader users will find it difficult to navigate to the list and different list items quickly.

      Expected Results

      The related items should be structured using unordered list markup so that screen reader can identify the list and list items effectively for their users.

      Use appropriate list markup, such as <ul> and <li> to identify related information. In addition, consider applying styles to maintain the visual presentation of a web page.

      Code Snippet:

      <ul class="HIBB-card-list>
      <li class="HIBB-card-list-item">
      <a class="" ...>HIBB App- und Toolkasten</a> 
      ...
      </li>
      <li class="HIBB-card-list-item">
      <a class="" ...>HIBB App- und Toolkasten</a> 
      ...
      </li>
      (...)
      </ul>

      Note:  This code example is intended only as a general illustration of how to address the violation and should not be considered a complete or production-ready solution. If you have any questions, please attach this ticket to a #help-accessibility request.

      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 26.3 (25D125)
      Windows - 11 pro
      Chrome - Version 145.0.7632.76 (Official Build) (arm64)
      Safari - Version 26.2 (21623.1.14.11.9)
      JAWS - Version 2025
      NVDA - Version 2024.4.2.35031
      Voiceover - Version Latest

              Assignee:
              Stefanie Chin
              Reporter:
              Anusooya .
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated: