Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-95874

Benefits modal : Inappropriate label for the button

XMLWordPrintable

      Issue Summary

      The labels have been provided inappropriately for the “Next“, and "back" buttons.

      Steps to Reproduce

      1. Open the homepage.
      2. Kindly log in with the credentials
      3. Observe that a "Check out what's changed in Confluence" modal dialog appears on the page.
      4. Navigate and activate the "Next" button.
      5. Using the screen reader, navigate to the mentioned buttons.
      6. Listen that the button label is inappropriate.

      Screenshot

      Actual Results

      The Inappropriate labels such as "Back", and "Next" are specified for the "Previous slide", and "Next slide" buttons. Additionally, the "Close" label is provided for the "Back slide" button inappropriayely.

      As a result, screen reader users will find it difficult to understand the button's purpose.

      Expected Results

      The screen reader should announce a unique and appropriate label for the button.

      Specify appropriate labels such as "Previous slide", "Next slide", and "back" for the "Back", "Next", and "Close" button respectively, using hidden text or the "aria-label" attribute.

      Code Snippet

      <button aria-label="Next slide" class="css-mv5jou" tabindex="0" type="button">
      <span class="css-178ag6o">Next</span>
      </button>

      Workaround

      Not available

      Environment

      MacBook Pro (13-inch, 2018)
      macOs Ventura 13.3.1
      Chrome - Version 109.0.5414.119 (Official Build) (64-bit)
      Firefox- Version 92.0 (64-bit)
      Safari- Version 16.4 (18615.1.26.110.1)
      JAWS- Version 2022
      NVDA- Version 2021.2
      Voiceover - Version Latest

       

              5e496a614b63 Diclehan Erdal
              2b8a2d42df1b Yash Pawar (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Created:
                Updated:
                Resolved: