Skip to content

Conversation

@Ovgodd
Copy link
Collaborator

@Ovgodd Ovgodd commented Aug 4, 2025

Purpose

Improve accessibility of the LeftPanelTargetFilter component by using semantic elements and proper focus management.

issue 879

Proposal

  • Replace wrapper with Box component as a semantic nav
  • Add aria-label to describe navigation purpose
  • Apply focus-visible styling to support keyboard navigation
@Ovgodd Ovgodd requested a review from AntoLC August 4, 2025 07:08
@Ovgodd Ovgodd force-pushed the fix/916-nav-structure branch from d23f544 to bcdbdee Compare August 4, 2025 07:08
@Ovgodd Ovgodd self-assigned this Aug 4, 2025
@Ovgodd Ovgodd marked this pull request as ready for review August 4, 2025 07:19
@Ovgodd Ovgodd force-pushed the fix/916-nav-structure branch 2 times, most recently from fcb76f7 to 22a32c5 Compare August 4, 2025 07:53
Copy link
Collaborator

@AntoLC AntoLC left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe we should do the same here, WDYT ?

image
@Ovgodd
Copy link
Collaborator Author

Ovgodd commented Aug 4, 2025

Maybe we should do the same here, WDYT ?

image

Yes I agree !

@Ovgodd Ovgodd requested a review from AntoLC August 4, 2025 10:06
@Ovgodd Ovgodd force-pushed the fix/916-nav-structure branch 3 times, most recently from 28e50bb to bc0def2 Compare August 5, 2025 07:04
@AntoLC AntoLC linked an issue Aug 5, 2025 that may be closed by this pull request
@Ovgodd Ovgodd requested a review from AntoLC August 6, 2025 08:34
Comment on lines 36 to 37
const { colorsTokens: _colorsTokens, spacingsTokens: _spacingsTokens } =
useCunninghamTheme();
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You don't need this part I think.

@Ovgodd Ovgodd requested a review from AntoLC August 6, 2025 10:06
@Ovgodd Ovgodd marked this pull request as draft August 6, 2025 10:06
Ovgodd added 4 commits August 6, 2025 12:09
adds aria-label and focus-visible to improve accessibility Signed-off-by: Cyril <c.gromoff@gmail.com>
make LeftOPanelFavoriteItem accessible, use StyledLinked for target filters Signed-off-by: Cyril <c.gromoff@gmail.com>
aria-current is correct for nav links; test was misaligned with a11y practices Signed-off-by: Cyril <c.gromoff@gmail.com>
improves a11y by using proper list roles and adds missing i18n strings Signed-off-by: Cyril <c.gromoff@gmail.com>
@Ovgodd Ovgodd force-pushed the fix/916-nav-structure branch from 1adca17 to c166f86 Compare August 6, 2025 10:12
@Ovgodd Ovgodd marked this pull request as ready for review August 6, 2025 10:12
@Ovgodd Ovgodd marked this pull request as draft August 6, 2025 10:14
@Ovgodd Ovgodd marked this pull request as ready for review August 6, 2025 10:30
@Ovgodd Ovgodd force-pushed the fix/916-nav-structure branch from c166f86 to 0c3cd11 Compare August 6, 2025 11:38
enhances keyboard access to pin/unpin and syncs test with new behavior Signed-off-by: Cyril <c.gromoff@gmail.com>
@Ovgodd Ovgodd force-pushed the fix/916-nav-structure branch from 0c3cd11 to 496800e Compare August 6, 2025 12:02
@AntoLC AntoLC merged commit afbacb0 into main Aug 6, 2025
20 of 21 checks passed
@AntoLC AntoLC deleted the fix/916-nav-structure branch August 6, 2025 12:20
@AntoLC AntoLC changed the title Fix/916 nav structure 🎨(frontend) improve nav structure Sep 4, 2025
@AntoLC AntoLC mentioned this pull request Sep 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment