prehistoric-systems/security-checklist
1
0
Fork 0
mirror of https://github.com/brianlovin/security-checklist.git synced 2026-03-11 08:55:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #17 from brianlovin/lighthouse

Browse source 
Fix accessibility issues
This commit is contained in:
Brian Lovin 2019-01-14 09:55:22 -08:00 committed by GitHub
commit 1472a8b9aa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/ChecklistItem/App.js
View file

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

3
components/Header/index.js
View file

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

6
components/Header/style.js
View file

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