From 9c4c4ddfe2dfcbef5fdf80b27bf88cdc01e704db Mon Sep 17 00:00:00 2001
From: Tuukka Turu <tuukka.turu@druid.fi>
Date: Mon, 8 Mar 2021 11:50:35 +0200
Subject: [PATCH] Added few accessibility labels
---
.../navigation/hy-menu-main-group/hy-menu-main-group.tsx | 7 ++++++-
1 file changed, 6 insertions(+), 1 deletion(-)
diff --git a/src/components/navigation/hy-menu-main-group/hy-menu-main-group.tsx b/src/components/navigation/hy-menu-main-group/hy-menu-main-group.tsx
index 0c95ec02..216984d7 100644
--- a/src/components/navigation/hy-menu-main-group/hy-menu-main-group.tsx
+++ b/src/components/navigation/hy-menu-main-group/hy-menu-main-group.tsx
@@ -149,6 +149,7 @@ export class HyMenuMainGroup {
}}
>
<button
+ aria-label={this.menuLabel}
class={{
'menu--main-group__mobile-toggle': true,
'is-open': this.isMenuOpen,
@@ -174,7 +175,11 @@ export class HyMenuMainGroup {
label={this.siteLabel}
/>
</div>
- <button class="menu--main-group__dropdown__close" onClick={(e) => this.handleTopMenuClose(e)}>
+ <button
+ aria-label={`Close ${this.menuLabel}`}
+ class="menu--main-group__dropdown__close"
+ onClick={(e) => this.handleTopMenuClose(e)}
+ >
<hy-icon icon={'hy-icon-remove'} size={20} fill={white} />
</button>
</div>
--
GitLab