From 2d386c8e21a33697b074bdfba65a858c9bcfc598 Mon Sep 17 00:00:00 2001 From: Garrett Grimm Date: Mon, 8 Nov 2021 10:40:17 -0800 Subject: [PATCH] Add aria-label attribute to navigation drawer button. (#3157) Co-authored-by: David Wheatley --- framework/core/js/src/common/components/Navigation.js | 1 + framework/core/locale/core.yml | 4 ++++ 2 files changed, 5 insertions(+) diff --git a/framework/core/js/src/common/components/Navigation.js b/framework/core/js/src/common/components/Navigation.js index c22648726..3af864694 100644 --- a/framework/core/js/src/common/components/Navigation.js +++ b/framework/core/js/src/common/components/Navigation.js @@ -93,6 +93,7 @@ export default class Navigation extends Component { drawer.show(); }, icon: 'fas fa-bars', + 'aria-label': app.translator.trans('core.lib.nav.drawer_button'), }); } } diff --git a/framework/core/locale/core.yml b/framework/core/locale/core.yml index 1842a92b9..ff342b633 100644 --- a/framework/core/locale/core.yml +++ b/framework/core/locale/core.yml @@ -539,6 +539,10 @@ core: loading_indicator: accessible_label: => core.ref.loading + # These translations are used in the navigation header. + nav: + drawer_button: Open Navigation Drawer + # These translations are used as suffixes when abbreviating numbers. number_suffix: kilo_text: K