From 2696413729f72e375eb7a0117b42f1114c8b8db5 Mon Sep 17 00:00:00 2001 From: Kalyani Raut Date: Thu, 22 Jun 2023 05:31:43 -0400 Subject: [PATCH] chore(suiteheader and headeraction): fix accessibility scan violations #3804 --- packages/react/src/components/Header/_header.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/react/src/components/Header/_header.scss b/packages/react/src/components/Header/_header.scss index 7becd87459..797a7efa1b 100644 --- a/packages/react/src/components/Header/_header.scss +++ b/packages/react/src/components/Header/_header.scss @@ -46,7 +46,7 @@ $hoverBgColor: #2c2c2c; } } - &__menu-title[role='menuitem'][aria-expanded='true'] + &__menu { + &__menu-title[data-testid='menuitem'][aria-expanded='true'] + &__menu { left: auto; right: 0; [dir='rtl'] & { @@ -166,7 +166,7 @@ $hoverBgColor: #2c2c2c; } .#{$prefix}--header__menu-item { - &[role='menuitem'] { + &[data-testid='menuitem'] { height: 100%; justify-content: center; padding: 0; @@ -182,7 +182,7 @@ $hoverBgColor: #2c2c2c; } } -.#{$prefix}--header__menu .#{$prefix}--header__menu-item[role='menuitem'] { +.#{$prefix}--header__menu .#{$prefix}--header__menu-item[data-testid='menuitem'] { display: flex; align-items: center; color: $active-ui;