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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Structure of the <nav>
2 participants