Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-11465

Business Services/Create Objects : Unclear functionality of expand/collapse links for the comments section

    colored texth3. Issue Summary

    The show/hide comment link is missing accessible link text. As a result, its destination or purpose is not conveyed to screen reader users.

    Tested URL

    https://instenv-19536-ipiz.instenv.internal.atlassian.com/secure/ObjectSchema.jspa?id=2&typeId=22&objectId=184 

    Steps to Reproduce

    1. Launch the URL
    2. In the Business service section for the Activity area, keep the screen reader on navigate to the expand/collapse link for the comments.

    Screenshot

    Screen Recording

    Screen Recording 2022-05-16 at 10.40.03 AM.mov

    Actual Results

    The functionality associated with the "Expand/Collapse" link in the "Comment" section is unclear for screen reader users. Visually, on activating the link, the content gets expanded/collapsed dynamically below on the page. There is no link text provided to the link and it is not announced to the screen reader correctly. This will not make the assistive technology user understand the functionality associated with the link.

    Expected Results

    Add an aria-label to the link such as "Expand comment" when the comments should be expanded and "Collapse comment" when the comments should be collapsed.

    Set the “aria-expanded” attribute to “false” for the links when the links are in the collapsed state. Ensure that the value of the “aria-expanded” attribute changes on user interaction via scripting.

    Additionally, add a role="button" to the div element as the functionality is moreover like an Expand collapse button.

     

    Workaround

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

    Bug Ref: 748731

    Bulldog Ref: JSMDC-12857

        Form Name

          [JSDSERVER-11465] Business Services/Create Objects : Unclear functionality of expand/collapse links for the comments section

          Matthew Brennan made changes -
          Labels Original: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox New: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-critical ax-critical-priority ax-dev-done ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox
          Matthew Brennan made changes -
          Labels Original: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox New: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox
          ssuryavanshi (Inactive) made changes -
          Labels Original: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-dev-ready ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox New: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox
          Kamil Smigielski (Inactive) made changes -
          Status Original: Closed [ 6 ] New: Closed [ 6 ]
          Binoy Nicholas made changes -
          Description Original: h3. Issue Summary

          The show/hide comment link is missing accessible link text. As a result, its destination or purpose is not conveyed to screen reader users.
          h3. Tested URL

          [https://instenv-19536-ipiz.instenv.internal.atlassian.com/secure/ObjectSchema.jspa?id=2&typeId=22&objectId=184
          h3. Steps to Reproduce
           # Launch the URL
           # In the Business service section for the Activity area, keep the screen reader on navigate to the expand/collapse link for the comments.

          h3. Screenshot

          !Screenshot 2022-05-16 at 10.38.30 AM.png|width=350,height=193!
          h3. Screen Recording

          [^Screen Recording 2022-05-16 at 10.40.03 AM.mov]
          h3. Actual Results

          The functionality associated with the "Expand/Collapse" link in the "Comment" section is unclear for screen reader users. Visually, on activating the link, the content gets expanded/collapsed dynamically below on the page. There is no link text provided to the link and it is not announced to the screen reader correctly. This will not make the assistive technology user understand the functionality associated with the link.
          h3. Expected Results

          Add an aria-label to the link such as "Expand comment" when the comments should be expanded and "Collapse comment" when the comments should be collapsed.

          Set the “aria-expanded” attribute to “false” for the links when the links are in the collapsed state. Ensure that the value of the “aria-expanded” attribute changes on user interaction via scripting.

          Additionally, add a role="button" to the div element as the functionality is moreover like an Expand collapse button.

           
          h3. Workaround

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

          Bug Ref: 748731

          Bulldog Ref: JSMDC-12857
          New: {color:red}colored text{color}h3. Issue Summary

          The show/hide comment link is missing accessible link text. As a result, its destination or purpose is not conveyed to screen reader users.
          h3. Tested URL

          [https://instenv-19536-ipiz.instenv.internal.atlassian.com/secure/ObjectSchema.jspa?id=2&typeId=22&objectId=184
          h3. Steps to Reproduce
           # Launch the URL
           # In the Business service section for the Activity area, keep the screen reader on navigate to the expand/collapse link for the comments.

          h3. Screenshot

          !Screenshot 2022-05-16 at 10.38.30 AM.png|width=350,height=193!
          h3. Screen Recording

          [^Screen Recording 2022-05-16 at 10.40.03 AM.mov]
          h3. Actual Results

          The functionality associated with the "Expand/Collapse" link in the "Comment" section is unclear for screen reader users. Visually, on activating the link, the content gets expanded/collapsed dynamically below on the page. There is no link text provided to the link and it is not announced to the screen reader correctly. This will not make the assistive technology user understand the functionality associated with the link.
          h3. Expected Results

          Add an aria-label to the link such as "Expand comment" when the comments should be expanded and "Collapse comment" when the comments should be collapsed.

          Set the “aria-expanded” attribute to “false” for the links when the links are in the collapsed state. Ensure that the value of the “aria-expanded” attribute changes on user interaction via scripting.

          Additionally, add a role="button" to the div element as the functionality is moreover like an Expand collapse button.

           
          h3. Workaround

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

          Bug Ref: 748731

          Bulldog Ref: JSMDC-12857
          Akhilesh Paradhi (Inactive) made changes -
          Resolution New: Fixed [ 1 ]
          Status Original: Needs Triage [ 10030 ] New: Closed [ 6 ]
          Akhilesh Paradhi (Inactive) made changes -
          Labels Original: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-dev-ready ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-vpat-critical ax-windows-chrome ax-windows-firefox New: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-dev-ready ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox
          Akhilesh Paradhi (Inactive) made changes -
          Attachment New: QA JSDSERVER-11465.mov [ 425906 ]
          Akhilesh Paradhi (Inactive) made changes -
          Attachment New: QA JSDSERVER-11465.png [ 425905 ]
          Roman Litvishko (Inactive) made changes -
          Fix Version/s New: 5.2.0 [ 102196 ]

            4c7ad7244902 Siarhei Filinsky (Inactive)
            12b69dcabe29 Matthew Brennan
            Affected customers:
            0 This affects my team
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: