From d588e709e529ce307143ca2e418dfc32f9f5682f Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Wed, 25 Sep 2019 18:55:18 +0100
Subject: [PATCH] Add tab indexes, role=button and aria-labels to TabbedViews
 for a11y

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 src/components/structures/TabbedView.js | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/structures/TabbedView.js b/src/components/structures/TabbedView.js
index da0ae62e15..6ececbb329 100644
--- a/src/components/structures/TabbedView.js
+++ b/src/components/structures/TabbedView.js
@@ -82,12 +82,19 @@ export class TabbedView extends React.Component {
 
         const onClickHandler = () => this._setActiveTab(tab);
 
+        const label = _t(tab.label);
         return (
-            <span className={classes} key={"tab_label_" + tab.label}
-                  onClick={onClickHandler}>
+            <span
+                className={classes}
+                key={"tab_label_" + tab.label}
+                onClick={onClickHandler}
+                role="button"
+                aria-label={label}
+                tabIndex={0}
+            >
                 {tabIcon}
                 <span className="mx_TabbedView_tabLabel_text">
-                    {_t(tab.label)}
+                    { label }
                 </span>
             </span>
         );