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

Side Navigation: Focus not visible

XMLWordPrintable

      Issue Summary

      The keyboard focus is not visible on the link present in the side navigation section.

      Steps to Reproduce

      1. Navigate to the side navigation.
      2. Using keyboard navigate the content and check that focus not visible

      Screenshot

      Actual Results

      Focus is not visible for the "It all starts with listening: Best practices for a successful ERG program" link in side navigation section. A focus indicator is not visually available as user tabs through these links using a keyboard.
      As a result, users with learning and mobility impairments as well as those with low vision will not be able to easily find out which element currently has the focus.

      Expected Results

      Set the CSS outline property for the mentioned button to ensure that clear focus indication is available for users.

      Code Snippet

      html:not(.aui-no-focusvisible) 
      :focus:not(:focus-visible) 
      {
      outline: unset;
      outline-offset: unset;
      }

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2019)
      macOS Ventura Version 13.3.1
      Chrome - Version 114.0.5735.198 (Official Build) (x86_64)
      Firefox- Version 112.0.1 (64-bit)
      Safari- Version 16.4 (18615.1.26.11.23)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

        1. image-2023-08-11-17-27-26-280.png
          1.32 MB
          Varsha Bansode
        2. Screen Recording 2023-11-20 at 11.56.39 AM.mov
          12.42 MB
          Rahil Shaikh

            5e496a614b63 Diclehan Erdal
            c3f9a46dc7c4 Varsha Bansode
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: