From a01387f7a63757fc64eac730165a7d288c801ebd Mon Sep 17 00:00:00 2001
From: Travis Ralston <travpc@gmail.com>
Date: Fri, 29 Sep 2017 13:32:25 -0600
Subject: [PATCH] Use an AccessibleButton for unpinning from the pane.

Signed-off-by: Travis Ralston <travpc@gmail.com>
---
 src/components/views/rooms/PinnedEventTile.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/views/rooms/PinnedEventTile.js b/src/components/views/rooms/PinnedEventTile.js
index 555718709b..e4b5b1ff96 100644
--- a/src/components/views/rooms/PinnedEventTile.js
+++ b/src/components/views/rooms/PinnedEventTile.js
@@ -62,8 +62,11 @@ module.exports = React.createClass({
 
         let unpinButton = null;
         if (this._canUnpin()) {
-            unpinButton = <img src="img/cancel-red.svg" className="mx_PinnedEventTile_unpinButton" width="8" height="8"
-                               onClick={this.onUnpinClicked} alt={_t('Unpin Message')} title={_t('Unpin Message')} />;
+            unpinButton = (
+                <AccessibleButton onClick={this.onUnpinClicked} className="mx_PinnedEventTile_unpinButton">
+                    <img src="img/cancel-red.svg" width="8" height="8" alt={_t('Unpin Message')} title={_t('Unpin Message')} />
+                </AccessibleButton>
+            );
         }
 
         return (