Find an issue | Edit Current Filter: Heading mark-up used unnecessarily

XMLWordPrintable

    • 9.12
    • Severity 3 - Minor

      Issue Summary

      The text "Showing 4 of 4 matching groups" is marked up as a heading level-5 unnecessarily.

      Steps to Reproduce

      1. Open the "Find an issue" page.
      2. Save any filter. 
      3. Navigate onto the "Details" link present in the main content area and activate it.
      4. Observe a pop-up gets added on the page.
      5. Activate "Edit Permissions" link present in the pop-up. 
      6. Now, navigate to the "Select a group" comboboxes available for the "Add Viewers" and "Add Editors" fields and activate any of it.
      7. Inspect the mentioned text.
      8. Observe that the text is marked-up as a heading unnecessarily.

      Screenshot

      Actual Results

      The text "No projects were found that match your search" is marked up as a heading unnecessarily. However, it does not constitute as a heading on the page. This will create confusion for screen reader users about the content structure.

      Expected Results

      Screen reader should not identify the text as a heading for their users.

      Apply the following changes:

      • Remove the heading mark-up from the mentioned content and code it using the <p> element.
      • If required, use CSS to maintain the presentation of the page.

      Code Snippet

      <p id="showing-4-of-4-matching-groups-header" aria-hidden="true">Showing 4 of 4 matching groups</p>

      Workaround

      Not Available.

      Environment

      MacBook Pro (14-inch, 2021)
      macOs Sonoma 14.2.1
      Chrome - Version 121.0.6167.85 (Official Build) (arm64)
      Firefox- Version 92.0 (64-bit)
      Safari- Version 17.2.1 (19617.1.17.11.12)
      JAWS- Version 2022
      NVDA- Version 2021.2
      Voiceover - Version Latest

            Assignee:
            Unassigned
            Reporter:
            Rohan Sakpal (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated: