fix(accessibility): logo outline on tab navigation, but not on click (#30077)

This commit is contained in:
Evan Rusackas 2024-09-03 12:04:22 -06:00 committed by GitHub
parent 72a520fba4
commit 9c3eb8f51f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 5 deletions

View File

@ -68,6 +68,12 @@ const StyledHeader = styled.header`
height: 100%;
object-fit: contain;
}
&:focus {
border-color: transparent;
}
&:focus-visible {
border-color: ${theme.colors.primary.dark1};
}
}
.navbar-brand-text {
border-left: 1px solid ${theme.colors.grayscale.light2};
@ -306,11 +312,7 @@ export function Menu({
arrowPointAtCenter
>
{isFrontendRoute(window.location.pathname) ? (
<GenericLink
className="navbar-brand"
to={brand.path}
tabIndex={-1}
>
<GenericLink className="navbar-brand" to={brand.path}>
<img src={brand.icon} alt={brand.alt} />
</GenericLink>
) : (