From bbe05caae8d54185442e1fe37750c7e2106067a3 Mon Sep 17 00:00:00 2001
From: Petro Silenius <petro.silenius@gmail.com>
Date: Mon, 14 Feb 2022 22:05:19 +0200
Subject: [PATCH 1/3] Render footer as a footer element

---
 components/Footer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index e650f5e..f2b0dd7 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -2,7 +2,7 @@ import { Container, Divider, Grid, Link, Paper, Typography } from '@mui/material
 
 const Header = () => {
   return (
-    <Paper sx={{ color: 'common.black', bgcolor: '#F1F8FF' }}>
+    <Paper component="footer" sx={{ color: 'common.black', bgcolor: '#F1F8FF' }}>
       <Container>
         <Typography align="center" sx={{ p: '20px' }}>
           Business Finlandin mukaan sertifiointi on laadun tae kansainvälisessä kaupassa.

From 68f5ffe6ee030019bc54207edead4a7839cd981e Mon Sep 17 00:00:00 2001
From: Petro Silenius <petro.silenius@gmail.com>
Date: Mon, 14 Feb 2022 22:10:30 +0200
Subject: [PATCH 2/3] Hide non meaningful divider from screen readers

---
 components/Footer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index f2b0dd7..95161f0 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -10,7 +10,7 @@ const Header = () => {
           tarjoajia on hyvin paljon. Ideana on tuottaa nyt hankalasti ja pirstoutuneena oleva tieto
           yhteen paikkaan kaikkien toimijoiden avoimesti saataville.
         </Typography>
-        <Divider sx={{ borderColor: 'common.black' }} />
+        <Divider sx={{ borderColor: 'common.black' }} aria-hidden="true" />
         <Grid container justifyContent="space-around" sx={{ p: '10px' }}>
           <Grid item>
             <Link href="https://european-union.europa.eu/index_fi" color="inherit">

From d501c695adb16328f103b851299d763ab08e221c Mon Sep 17 00:00:00 2001
From: Petro Silenius <petro.silenius@gmail.com>
Date: Mon, 14 Feb 2022 22:11:01 +0200
Subject: [PATCH 3/3] Add aria label to loading icons

---
 pages/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index ecadc40..766c37c 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -47,7 +47,7 @@ const Home = ({ firstCompanies, initialResultsAmount }: HomeProps) => {
       />
       {loading && offset === 0 ? (
         <Grid container item alignItems="center" justifyContent="center" sx={{ marginY: '10vh' }}>
-          <CircularProgress />
+          <CircularProgress aria-label="Ladataan" />
         </Grid>
       ) : (
         <>
@@ -82,7 +82,7 @@ const Home = ({ firstCompanies, initialResultsAmount }: HomeProps) => {
                     Hae lisää
                   </Button>
                 ) : (
-                  <CircularProgress />
+                  <CircularProgress aria-label="Ladataan" />
                 )}
               </Grid>
             )}