Add nav container label

Shopify · Jan 28, 2021 · 815560a · 815560a
1 parent d3c2b20
commit 815560a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/locales/en.json b/locales/en.json
@@ -113,6 +113,7 @@
     },
     "Frame": {
       "skipToContent": "Skip to content",
+      "navigationLabel": "Navigation",
       "Navigation": {
         "closeMobileNavigationLabel": "Close navigation"
       }

diff --git a/src/components/Frame/Frame.tsx b/src/components/Frame/Frame.tsx
@@ -137,6 +137,7 @@ class FrameInner extends PureComponent<CombinedProps, State> {
           <div
             aria-modal
             role="dialog"
+            aria-label={i18n.translate('Polaris.Frame.navigationLabel')}
             ref={this.navigationNode}
             className={navClassName}
             onKeyDown={this.handleNavKeydown}