Skip to content

Adds additional styling for active global navigation item#15061

Merged
brandonkelly merged 16 commits into5.2from
a11y/active-global-nav-item
Jun 11, 2024
Merged

Adds additional styling for active global navigation item#15061
brandonkelly merged 16 commits into5.2from
a11y/active-global-nav-item

Conversation

@gcamacho079
Copy link
Copy Markdown
Contributor

@gcamacho079 gcamacho079 commented May 23, 2024

… page

Description

  • Makes active global nav items more apparent by using styles that match nested sidebars
  • Ties active navigation item styling to aria-current values
  • Sets global variables for navigation active/hover backgrounds

Related issues

#15007

@gcamacho079 gcamacho079 added the accessibility 👤 features related to accessibility label May 24, 2024
@gcamacho079 gcamacho079 requested a review from brianjhanson May 24, 2024 17:41
@gcamacho079 gcamacho079 marked this pull request as ready for review May 24, 2024 17:41
@brianjhanson
Copy link
Copy Markdown
Contributor

Thanks @gcamacho079! I adjusted the styling a bit more. I know we're not quite hitting the 3:1 contrast ratio for the active items, so I moved the indicator away from the edge a bit to make that more obvious.

CleanShot 2024-06-10 at 09 12 25

# Conflicts:
#	src/web/assets/cp/dist/css/cp.css
#	src/web/assets/cp/dist/css/cp.css.map
[ci skip]
[ci skip]
@brandonkelly brandonkelly merged commit 0e63ef9 into 5.2 Jun 11, 2024
@brandonkelly brandonkelly deleted the a11y/active-global-nav-item branch June 11, 2024 21:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

accessibility 👤 features related to accessibility

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants