From d74fe945e63e4d6b0ebb44bc58171bb2022c6bdb Mon Sep 17 00:00:00 2001
From: Joonas Kallunki <jkallunki@gmail.com>
Date: Wed, 30 Oct 2019 06:24:41 +0200
Subject: [PATCH] Fix accessibility of twitter feed user images by hiding them
 from screenreader

Username handle and url are also presented at the list content itself
---
 components/Feed.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Feed.jsx b/components/Feed.jsx
index afd8db8..d58174e 100644
--- a/components/Feed.jsx
+++ b/components/Feed.jsx
@@ -32,11 +32,11 @@ export default class Feed extends React.Component {
 
   render() {
     const messages = this.state.messages.map((message, i) => {
-      let image = <img src={message.image} />;
+      let image = <img src={message.image} alt="" />;
 
       if (message.imageLink) {
         image = (
-          <a target="_blank" href={message.imageLink} rel="noopener noreferrer">
+          <a target="_blank" href={message.imageLink} rel="noopener noreferrer" tabIndex="-1">
             {image}
           </a>
         );
@@ -44,7 +44,7 @@ export default class Feed extends React.Component {
 
       return (
         <div className="message" key={i}>
-          <div className="message__image">{image}</div>
+          <div className="message__image" aria-hidden="true">{image}</div>
           <div className="message__content">
             <div className="message__user">
               <a href={message.userLink}>{message.user}</a>