From 7614a32837564d4c7f239ddacd0af7c858b42079 Mon Sep 17 00:00:00 2001
From: Brian Lovin <briandlovin@gmail.com>
Date: Mon, 14 Jan 2019 09:54:56 -0800
Subject: [PATCH] Fix accessibility issues

---
 components/ChecklistItem/App.js | 2 +-
 components/Header/index.js      | 3 ++-
 components/Header/style.js      | 6 ++++++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/components/ChecklistItem/App.js b/components/ChecklistItem/App.js
index 7d1bd59..91707c4 100644
--- a/components/ChecklistItem/App.js
+++ b/components/ChecklistItem/App.js
@@ -72,7 +72,7 @@ export const AppRow = ({ app }: Props) => {
   return (
     <AppRowContainer href={app.url} target="_blank" rel="noopener noreferrer">
       <AppMeta>
-        {app.image && <AppIcon src={app.image} />}
+        {app.image && <AppIcon alt={app.name} src={app.image} />}
         <AppName>{app.name}</AppName>
       </AppMeta>
       {sourcesKeys && (
diff --git a/components/Header/index.js b/components/Header/index.js
index f19b22d..03b31df 100644
--- a/components/Header/index.js
+++ b/components/Header/index.js
@@ -1,7 +1,7 @@
 // @flow
 import * as React from 'react';
 import Link from 'next/link';
-import { Container, ButtonRowContainer } from './style';
+import { Container, ButtonRowContainer, Label } from './style';
 import { PrimaryButton, GhostButton } from '../Button';
 import Logo from './Logo';
 
@@ -16,6 +16,7 @@ export default function Header(props: Props) {
     <Container showHeaderShadow={showHeaderShadow} data-cy="header">
       <Link href="/">
         <a style={{ display: 'flex', alignItems: 'center' }}>
+          <Label>Security Checklist</Label>
           <Logo />
         </a>
       </Link>
diff --git a/components/Header/style.js b/components/Header/style.js
index 0043b4a..4ad6b1e 100644
--- a/components/Header/style.js
+++ b/components/Header/style.js
@@ -42,3 +42,9 @@ export const ButtonRowContainer = styled.div`
   grid-area: actions;
   align-items: center;
 `;
+
+export const Label = styled.h1`
+  position: absolute;
+  left: -9999px;
+  visibility: none;
+`;