From c94ae6401b53d0db4d00de6b1848ac95114fbee3 Mon Sep 17 00:00:00 2001
From: Travis Ralston <travpc@gmail.com>
Date: Wed, 27 Mar 2019 13:14:31 -0600
Subject: [PATCH] Use an AccessibleButton for the clickable element

---
 src/components/structures/RoomView.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/structures/RoomView.js b/src/components/structures/RoomView.js
index 740e2dba7b..99d4ba5532 100644
--- a/src/components/structures/RoomView.js
+++ b/src/components/structures/RoomView.js
@@ -52,6 +52,7 @@ import RoomScrollStateStore from '../../stores/RoomScrollStateStore';
 import WidgetEchoStore from '../../stores/WidgetEchoStore';
 import SettingsStore, {SettingLevel} from "../../settings/SettingsStore";
 import WidgetUtils from '../../utils/WidgetUtils';
+import AccessibleButton from "../views/elements/AccessibleButton";
 
 const DEBUG = false;
 let debuglog = function() {};
@@ -1736,12 +1737,13 @@ module.exports = React.createClass({
             );
         } else if (hiddenHighlightCount > 0) {
             aux = (
-                <div className="mx_RoomView_auxPanel_hiddenHighlights" onClick={this._onHiddenHighlightsClick}>
+                <AccessibleButton element="div" className="mx_RoomView_auxPanel_hiddenHighlights"
+                                  onClick={this._onHiddenHighlightsClick}>
                     {_t(
                         "You have %(count)s unread notifications in a prior version of this room.",
                         {count: hiddenHighlightCount},
                     )}
-                </div>
+                </AccessibleButton>
             );
         }