From 2fabf69ce321db1dbf40f9907550009f314778f5 Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Fri, 13 Nov 2015 09:28:56 +0000
Subject: [PATCH 1/2] Mark up the avatar initials so they're not read out by
 screen readers

---
 src/skins/vector/css/atoms/MemberAvatar.css  | 3 ++-
 src/skins/vector/views/atoms/MemberAvatar.js | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/skins/vector/css/atoms/MemberAvatar.css b/src/skins/vector/css/atoms/MemberAvatar.css
index 3cc6e94b22..ed324e9cef 100644
--- a/src/skins/vector/css/atoms/MemberAvatar.css
+++ b/src/skins/vector/css/atoms/MemberAvatar.css
@@ -23,8 +23,9 @@ limitations under the License.
     position: absolute;
     color: #fff;
     text-align: center;
+    speak: none;
 }
 
 .mx_MemberAvatar_image {
     border-radius: 20px;    
-}
\ No newline at end of file
+}
diff --git a/src/skins/vector/views/atoms/MemberAvatar.js b/src/skins/vector/views/atoms/MemberAvatar.js
index 7d96a91f82..c8606cd72e 100644
--- a/src/skins/vector/views/atoms/MemberAvatar.js
+++ b/src/skins/vector/views/atoms/MemberAvatar.js
@@ -50,7 +50,7 @@ module.exports = React.createClass({
          
             return (
                 <span className="mx_MemberAvatar">
-                    <span className="mx_MemberAvatar_initial"
+                    <span className="mx_MemberAvatar_initial" aria-hidden="true"
                           style={{ fontSize: (this.props.width * 0.75) + "px",
                                    width: this.props.width + "px",
                                    lineHeight: this.props.height*1.2 + "px" }}>{ initial }</span>

From 2fd7196cdd1e325849646a3f9f29ae0df8f59ac6 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Fri, 13 Nov 2015 18:36:46 +0000
Subject: [PATCH 2/2] also handle a11y on room avatars

---
 src/skins/vector/css/atoms/RoomAvatar.css  | 1 +
 src/skins/vector/views/atoms/RoomAvatar.js | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/skins/vector/css/atoms/RoomAvatar.css b/src/skins/vector/css/atoms/RoomAvatar.css
index f54a93eeec..01425190ee 100644
--- a/src/skins/vector/css/atoms/RoomAvatar.css
+++ b/src/skins/vector/css/atoms/RoomAvatar.css
@@ -22,4 +22,5 @@ limitations under the License.
     color: #fff;
     text-align: center;
     font-weight: normal ! important;
+    speak: none;
 }
\ No newline at end of file
diff --git a/src/skins/vector/views/atoms/RoomAvatar.js b/src/skins/vector/views/atoms/RoomAvatar.js
index f61b6cec12..bdd28bad59 100644
--- a/src/skins/vector/views/atoms/RoomAvatar.js
+++ b/src/skins/vector/views/atoms/RoomAvatar.js
@@ -57,7 +57,7 @@ module.exports = React.createClass({
          
             return (
                 <span>
-                    <span className="mx_RoomAvatar_initial"
+                    <span className="mx_RoomAvatar_initial" aria-hidden="true"
                           style={{ fontSize: (this.props.width * 0.75) + "px",
                                    width: this.props.width + "px",
                                    lineHeight: this.props.height*1.2 + "px" }}>{ initial }</span>