Merge pull request #42 from Dataatti/accessibility-fixes

Accessibility fixes

components/Footer.tsx

@@ -2,15 +2,15 @@ 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.
           Matkailualan monimuotoisuus on kuitenkin mahdollistanut sen, että myös sertifikaatin
           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">

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>
             )}