Modals & Drawers accessibility

[florianbertelli1000]

I am opening an issue for

Styles (CSS, SCSS, ...)

Package version

current

Description

GitHub repository

No response

Mock-up(s)

No response

What happened?

In modals and drawers,
the close button (no matter if it's a "X" or a wording) is focused by default (with the blue highlight), for mouse navigation AND keyboard navigation (second one is activated by people with disabilities in their OS settings).

What is expected?

Expected behavior :

• No automatic focus when navigating with mouse (majority of our users)
• Focus comes when user press TAB touch on his/her keyboard

To Reproduce

STORE DRAWER

1. Go to PDP
2. Open delivery options

COOKIE MODAL

1. Go to Leroymerlin.fr on incognito tab
2. See the cookie popin

PASSWORD MODAL

1. Go to Customer Space
2. Go to "Gestion du compte"
3. Go to "Mes informations personnelles et mot de passe"
4. Clic on CTA "Modifier le mot de passe"

Code example

No response

Is this a regression?

• Yes
• No
• I don't know

Additional comments

No response

[tiloyi]

Hi @florianbertelli1000 ,
Thank you for your issue.

Can you please tell me which Mozaic bookseller you use? Mozaic-Vue? Mozaic-WebC ? or another one ?

[florianbertelli1000]

Hello Trésor, I have no clue about this, sorry *Florian BERTELLI* *Lead UX - Customer Experience* *ADEO Services*

…

On Fri, Apr 26, 2024 at 6:25 PM Trésor ILOYI ***@***.***> wrote: Hi @florianbertelli1000 <https://github.com/florianbertelli1000> , Thank you for your issue. Can you please tell me which Mozaic bookseller you use? Mozaic-Vue? Mozaic-WebC ? or another one ? — Reply to this email directly, view it on GitHub <#1580 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BHXGOVU4NABNKFWJXBJZDBDY7J5YVAVCNFSM6AAAAABGPOQ6K2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDANZZG4YDSMBRGE> . You are receiving this because you were mentioned.Message ID: ***@***.***>