SidebarFilter, Tooltip: add role attribute to clickable elements

jesec · Feb 1, 2021 · c51912d · c51912d
1 parent 2c747d7
commit c51912d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git 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
@@ -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>