fix(notification): placement of closeButtonLabel and closeButtonTitle…

… (see #1694)
telekom · May 23, 2023 · 789b789 · 789b789
1 parent d17e66c
commit 789b789
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/packages/components/src/components/notification/notification.css b/packages/components/src/components/notification/notification.css
@@ -117,7 +117,7 @@
   [part~='base'] {
     border: 1px solid white;
   }
-  
+
   [part='close-button'] {
     --color-ghost: white;
   }

diff --git a/packages/components/src/components/notification/notification.tsx b/packages/components/src/components/notification/notification.tsx
@@ -141,11 +141,14 @@ export class Notification {
               part="close-button"
               variant="ghost"
               onClick={this.close}
-              aria-label={this.closeButtonLabel}
-              title={this.closeButtonTitle}
             >
               <slot name="close-icon">
-                <scale-icon-action-circle-close size={ICON_SIZE} decorative />
+                <scale-icon-action-circle-close
+                  aria-label={this.closeButtonLabel}
+                  accessibilityTitle={this.closeButtonTitle}
+                  decorative
+                  size={ICON_SIZE}
+                />
               </slot>
             </scale-button>
           )}