koodiklinikka/koodiklinikka.fi
1
0
Fork 0
mirror of https://github.com/koodiklinikka/koodiklinikka.fi.git synced 2026-02-08 02:50:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix accessibility of twitter feed user images by hiding them from screenreader

Browse Source 
Username handle and url are also presented at the list content itself
This commit is contained in:
Joonas Kallunki
2019-10-30 06:24:41 +02:00
parent 9cdb0849a2
commit d74fe945e6
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/Feed.jsx
View File

@@ -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>