List View: Non-descriptive label for button

XMLWordPrintable

    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      A non-descriptive label "Close" is provided for the button.

      Note:

      The impact of this issue on users is minimal; therefore, the priority has been set to Low instead of Medium.

      Steps to Reproduce

      1. Open the Jira Cloud Homepage.
      2. From the Sidebar navigation, expand Spaces and open any space.
      3. Navigate to the "List" link and activate it.
      4. Open the "More actions" menu and activate the "Format rules" option.
      5. Inspect the code of the "Close" button and verify that its accessible label is non-descriptive.

      Screenshot

      Actual Results

      The “Close format rules” button in the “Format rules” modal dialog is provided with the non-descriptive label “Close”. As a result, screen reader users may not clearly understand the purpose or context of the button.

      Expected Results

      The button should have a unique and descriptive accessible label that is clearly announced by screen readers.

      Apply the following changes:

      • Add "aria-labelledby" attribute to <span> element containing the "Close" text.
      • Add "id" attribute with unique value to <span> element containing the text such as “Close” and <h2> element containing the text such as "Format rules" respectively.
      • Reference both "id" attribute values (of <button> and <h2> elements) to "aria-labelledby" attribute.

      If the above approach is not feasible, update the <span> containing the “Close” text with a unique and descriptive label, such as “Close format rules”, or add an aria-label="Close format rules" to the <button> element.

      Code Snippet 1:

      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.

      <h2 id="format-rules-text">Format rules</h2>
      <button>
      <span id="btn-close-format-rules-label" aria-labelledby="btn-close-format-rules-label format-rules-text">
      Close
      </span>
      </button>

      Code Snippet 2:

      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.

      <button>
      <span>
      Close format rules
      </span>
      </button> 

      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 Tahoe 26.3
      Operations - Windows11
      Chrome - Version 145.0.7632.160 (Official Build) (64-bit)
      Safari- Version 26.3
      JAWS- Version 2023
      NVDA- Version 2025.3.2
      VoiceOver - Version Latest

              Assignee:
              Unassigned
              Reporter:
              Chirag Goyal
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated: