From c51912d68721d0d812d3f279ff4518f88368c4b2 Mon Sep 17 00:00:00 2001
From: trailofdead <thetrailofdead@gmail.com>
Date: Sun, 31 Jan 2021 22:15:39 -0800
Subject: [PATCH] SidebarFilter, Tooltip: add role attribute to clickable
 elements

---
 client/src/javascript/components/general/Tooltip.tsx       | 2 ++
 client/src/javascript/components/sidebar/SidebarFilter.tsx | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/javascript/components/general/Tooltip.tsx b/client/src/javascript/components/general/Tooltip.tsx
index 243318f9..b1f8fc19 100644
--- a/client/src/javascript/components/general/Tooltip.tsx
+++ b/client/src/javascript/components/general/Tooltip.tsx
@@ -402,6 +402,8 @@ class Tooltip extends Component<TooltipProps, TooltipStates> {
     return (
       <div
         className={wrapperClassName}
+        role="button"
+        tabIndex={0}
         onClick={onClick}
         onMouseEnter={() => this.handleMouseEnter()}
         onMouseLeave={() => this.handleMouseLeave()}
diff --git a/client/src/javascript/components/sidebar/SidebarFilter.tsx b/client/src/javascript/components/sidebar/SidebarFilter.tsx
index d258ad68..e03b445b 100644
--- a/client/src/javascript/components/sidebar/SidebarFilter.tsx
+++ b/client/src/javascript/components/sidebar/SidebarFilter.tsx
@@ -38,7 +38,7 @@ const SidebarFilter: FC<SidebarFilterProps> = (props: SidebarFilterProps) => {
   }
 
   return (
-    <li className={classNames} onClick={() => handleClick(slug)}>
+    <li className={classNames} onClick={() => handleClick(slug)} role="menuitem">
       {icon}
       {name}
       <Badge>{count}</Badge>