Skip to content

Resolve accessibility issue with error state with a mirror repository

Summary

When there is an error with a mirror repository, the error is displayed in a tooltip on a badge.

This badge is not focusable using keyboard.

Steps to reproduce

  • Create a mirror repository
  • Use a wrong path to repository
  • Wait until repository is mirrored and error could appear

I found this locally and I had gdk off for an hour and when restarted I saw this error.

Example Project

What is the current bug behavior?

  • When using keyboard, you cannot focus on the badge to view the error message.

What is the expected correct behavior?

  • Keyboard focus should reveal tooltip like mouse hover

Relevant logs and/or screenshots

CleanShot_2022-12-07_at_23.46.35

CleanShot_2022-12-07_at_22.57.19

Output of checks

Possible fixes

Quick fix - make badge keyboard focusable by adding tabindex to be 0 on the badge icon