fix(a11y): add missing button names (#7733)

Improves the Lighthouse accessibility score.
mdn · Dec 6, 2022 · 2215c50 · 2215c50
1 parent cdf1f18
commit 2215c50
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/client/src/document/organisms/sidebar/index.tsx b/client/src/document/organisms/sidebar/index.tsx
@@ -47,6 +47,7 @@ export function SidebarContainer({ doc, children }) {
           extraClasses="backdrop"
           type="action"
           onClickHandler={() => setIsSidebarOpen(!isSidebarOpen)}
+          aria-label="Collapse sidebar"
         />
         <nav className="sidebar-inner">
           <div className="in-nav-toc">

diff --git a/client/src/ui/organisms/article-actions-container/index.tsx b/client/src/ui/organisms/article-actions-container/index.tsx
@@ -26,6 +26,7 @@ export const ArticleActionsContainer = ({
           extraClasses="sidebar-button"
           icon="sidebar"
           type="action"
+          aria-label="Expand sidebar"
           onClickHandler={() => setIsSidebarOpen(!isSidebarOpen)}
         />
 

diff --git a/client/src/ui/organisms/article-actions/index.tsx b/client/src/ui/organisms/article-actions/index.tsx
@@ -53,6 +53,7 @@ export const ArticleActions = ({
         >
           <Button
             type="action"
+            aria-label="Article actions"
             extraClasses="article-actions-toggle"
             onClickHandler={toggleArticleActionsMenu}
             icon={showArticleActionsMenu ? "cancel" : "ellipses"}