diff --git a/.eslintrc b/.eslintrc
index 00def584cd..00346c1777 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -3,6 +3,12 @@
   "rules": {
     "jsx-a11y/anchor-is-valid": false,
     "import/no-cycle": [2, { "maxDepth": 1 }],
+    "jsx-a11y/no-noninteractive-tabindex": [
+      {
+        "tags": ["h4", "div", "span", "p"],
+        "roles": [],
+      },
+    ],
     "react/prop-types": ["error", { "ignore": ["challenge","eventDetails","winner","bucket","theme","submissionObject","profile","communitiesList","meta","scoreboard","item","activeTrigger","menuItems","scoreboard"] }]
   },
   "env": {
diff --git a/__tests__/shared/components/__snapshots__/SortingSelectBar.jsx.snap b/__tests__/shared/components/__snapshots__/SortingSelectBar.jsx.snap
index 02cc9611ab..9f56bd24a5 100644
--- a/__tests__/shared/components/__snapshots__/SortingSelectBar.jsx.snap
+++ b/__tests__/shared/components/__snapshots__/SortingSelectBar.jsx.snap
@@ -14,6 +14,7 @@ exports[`Matches shallow shapshot 1`] = `
   >
     <p
       className="src-shared-components-SortingSelectBar-___style__view-options-toggle-container-label___1bC9s"
+      tabIndex="0"
     >
       Sort by:
     </p>
diff --git a/src/shared/components/SortingSelectBar/index.jsx b/src/shared/components/SortingSelectBar/index.jsx
index 75f5faf8e6..6177547d82 100644
--- a/src/shared/components/SortingSelectBar/index.jsx
+++ b/src/shared/components/SortingSelectBar/index.jsx
@@ -15,7 +15,7 @@ export default function SortingSelectBar({
       {
         options ? (
           <div styleName="view-options-toggle-container">
-            <p styleName="view-options-toggle-container-label">
+            <p tabIndex="0" styleName="view-options-toggle-container-label">
               Sort by:
             </p>
             <Select