Your Work : Focus not visible

XMLWordPrintable

    • Severity 3 - Minor
    • CtB - Improve Existing

      Issue Summary

      On "Your Work" page, the focus is not visible for "6.1.x pull request", "Angular", "pull-request-merge-conflicts" and so on links in "Your pull requests" section.

      Steps to Reproduce

      1. Open "Your Work" page.
      2. Navigate page using keyboard. 
      3. Observe that the focus is not visible for interactive elements. 

      Screen Recording

      Screen Recording 2024-02-29 at 12.09.50 PM.mov

      Actual Results

       Focus is not visible for the "6.1.x pull request", "Angular", "pull-request-merge-conflicts" and so on links in "Your pull requests" 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

      Focus indicator should be visible while navigating between the buttons using a keyboard.

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

      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 Sonoma Version 14.1
      Chrome - Version 119.0.6045.159 (Official Build) (arm64)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 17.1 (19616.2.9.11.7)
      JAWS- Version 2023
      NVDA- Version 2020.3
      Voiceover - Version Latest

            Assignee:
            Josh Wang
            Reporter:
            Shruti Chabukswar (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: