Replace button with focusable div

This commit is contained in:
Joachim Robert 2019-02-09 14:30:13 +01:00
parent ea26d4e419
commit 7d76f0d6fa
2 changed files with 3 additions and 2 deletions

View file

@ -54,6 +54,7 @@ export default function Header(props: Props) {
<Progression
id="progress"
aria-label={`${currentCount} of ${totalItemsCount} completed`}
tabIndex="0"
>
<ProgressBar
id="progress_bar"

View file

@ -29,7 +29,7 @@ export const Logo = styled.h1`
color: ${theme.text.default};
`;
export const Progression = styled.button`
export const Progression = styled.div`
text-align: center;
position: absolute;
left: 0;
@ -120,7 +120,7 @@ export const LogoLink = styled.a`
align-items: center;
border-radius: 6px;
height: 100%;
&:hover {
transform: scale(1.2);
}