View issue in queue view & comments: Note: Separator announced by screen reader

XMLWordPrintable

    • Severity 3 - Minor

      Issue Summary

      The "Separator" is announced by screen reader.

      Steps to Reproduce

      1. Open the "View issue in queue view & comments" page.
      2. Navigate to the "Description" section.
      3. Using screen reader, try to access the content using arrow keys.
      4. Try navigating further and notice the seperator is announced.

      Screen Recording

      [JSM-1] What am I looking at_ - InstEnv Jira - Google Chrome 2023-09-14 13-12-32.mp4

      Actual Results

      The screen reader announces "separator" for the horizontal bar present in the Description section as it is defined using <hr> tag.

      Expected Results

      The horizontal bar should be defined using CSS instead of <hr> tag to ensure that it is not identified by a screen reader. Define a border via CSS class to include a horizontal line separator. 
      Alternatively, if <hr> tag is used, specify role="presentation" to <hr> tag.
      Code Snippet
      <hr role="presentation">

      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.3.1
      Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 15.3 (17612.4.9.1.5)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

            Assignee:
            Unassigned
            Reporter:
            Rinku Kumar
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: