Skip to content

Conversation

@Ovgodd
Copy link
Collaborator

@Ovgodd Ovgodd commented Jul 30, 2025

Purpose

Unify and improve accessibility across key UI components in the documentation interface.

Proposal

  • Improve keyboard accessibility of the language selection dropdown (ARIA, focusable items)
  • Make DocsGridActions buttons accessible with proper roles and labels
  • Sidebar will be done in this PR.
@Ovgodd Ovgodd requested a review from AntoLC July 30, 2025 11:44
@Ovgodd Ovgodd self-assigned this Jul 30, 2025
@Ovgodd Ovgodd marked this pull request as draft July 30, 2025 11:45
@Ovgodd Ovgodd force-pushed the fix/877-focus-visible branch from 3b0b9a6 to d07c1e2 Compare July 30, 2025 11:49
@Ovgodd Ovgodd marked this pull request as ready for review July 30, 2025 11:50
@Ovgodd Ovgodd force-pushed the fix/877-focus-visible branch 4 times, most recently from abafa1a to 47875b8 Compare July 31, 2025 08:59

const documentTitle = doc.title || t('Untitled document');
const menuLabel = t(
'Ouvrir le menu des actions pour le document: {{title}}',
Copy link
Collaborator

Choose a reason for hiding this comment

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

English first.

Copy link
Collaborator

Choose a reason for hiding this comment

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

It is still in french.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Of course !

@Ovgodd Ovgodd requested a review from AntoLC August 4, 2025 08:04
@Ovgodd Ovgodd force-pushed the fix/877-focus-visible branch from 1468e2f to 966607e Compare August 4, 2025 08:26
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.

Some tests e2e broke, probably some selectors have changed.

Copy link
Collaborator

@AntoLC AntoLC Aug 4, 2025

Choose a reason for hiding this comment

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

I think we should add a test about this part, maybe we can do it by updating this test ?

test('checks language switching', async ({ page }) => {

You could select the language thanks to the keyboard functionally, and assert the selected one is the first that has the focus by example.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Yes I agree ! :) I putted in the same test

Copy link
Collaborator

@AntoLC AntoLC Aug 4, 2025

Choose a reason for hiding this comment

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

There is a css latency, caused by transition with outline:
image

It seems cleaner to remove the transition on this component.

@Ovgodd Ovgodd force-pushed the fix/877-focus-visible branch 3 times, most recently from 376a993 to 0613c8f Compare August 4, 2025 15:41
@Ovgodd Ovgodd requested a review from AntoLC August 6, 2025 08:33
@Ovgodd Ovgodd force-pushed the fix/877-focus-visible branch from 659fc2a to b59ddf1 Compare August 6, 2025 11:42
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.

Nice !

@Ovgodd Ovgodd force-pushed the fix/877-focus-visible branch 4 times, most recently from 630d341 to c0372c9 Compare August 7, 2025 07:34
@Ovgodd Ovgodd requested a review from AntoLC August 7, 2025 07:35
@Ovgodd Ovgodd force-pushed the fix/877-focus-visible branch 2 times, most recently from 8e2edd5 to 9a85425 Compare August 7, 2025 08:08
Enhances nav for language switch and makes DocsGridActions buttons accessible Signed-off-by: Cyril <c.gromoff@gmail.com>
@Ovgodd Ovgodd force-pushed the fix/877-focus-visible branch from 9a85425 to 5181bba Compare August 7, 2025 09:59
@Ovgodd Ovgodd merged commit 5181bba into main Aug 7, 2025
20 of 21 checks passed
@Ovgodd Ovgodd deleted the fix/877-focus-visible branch August 7, 2025 10:32
@AntoLC AntoLC changed the title ⚡️(a11y) unify accessibility improvements for language menu and DocsG… ♿️(frontend) keyboard interaction with menu 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