search

adeo / mozaic-design-system

Mozaic Design System
https://mozaic.adeo.cloud
Apache License 2.0
68 stars 17 forks source link

Modals & Drawers accessibility #1580

Open florianbertelli1000 opened 2 months ago

florianbertelli1000 commented 2 months ago

I am opening an issue for

Styles (CSS, SCSS, ...)

Package version

current

Description

Screenshot 2024-04-19 at 16 34 12 Screenshot 2024-04-19 at 16 34 29 Screenshot 2024-04-19 at 16 35 30

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 :

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?

Additional comments

No response

tiloyi commented 2 months ago

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 commented 2 months ago

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 https://github.com/adeo/mozaic-design-system/issues/1580#issuecomment-2079709011, or unsubscribe https://github.com/notifications/unsubscribe-auth/BHXGOVU4NABNKFWJXBJZDBDY7J5YVAVCNFSM6AAAAABGPOQ6K2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDANZZG4YDSMBRGE . You are receiving this because you were mentioned.Message ID: @.***>