diff --git a/src/client/components/main_layout/TopBarSearchField.js b/src/client/components/main_layout/TopBarSearchField.js
index 726f8d2e714d2ba9648471bcfc6a0ce2f8666ef5..a8993c4c47cd5ac6b291d884979ac4e5fef80b06 100644
--- a/src/client/components/main_layout/TopBarSearchField.js
+++ b/src/client/components/main_layout/TopBarSearchField.js
@@ -106,6 +106,7 @@ class TopBarSearchField extends React.Component {
             root: classes.inputRoot,
             input: classes.inputInput
           }}
+          inputProps={{ 'aria-label': 'search' }}
           onChange={this.handleChange}
           onKeyDown={this.handleOnKeyDown}
         />
diff --git a/src/client/components/perspectives/sampo/Footer.js b/src/client/components/perspectives/sampo/Footer.js
index 4763255a02e3168ab57c1a5460550fe6bcf57303..6be5b73c7803641bf1129081321c4290adc4961e 100644
--- a/src/client/components/perspectives/sampo/Footer.js
+++ b/src/client/components/perspectives/sampo/Footer.js
@@ -90,17 +90,17 @@ const Footer = props => {
         <Grid className={classes.gridContainer} container spacing={3}>
           <Grid item xs className={classes.gridItem}>
             <a className={classes.link} href='https://www.aalto.fi/en/school-of-science' target='_blank' rel='noopener noreferrer'>
-              <img className={classes.aaltoLogo} src={aaltoLogo} alt='logo' />
+              <img className={classes.aaltoLogo} src={aaltoLogo} alt='Aalto University logo' />
             </a>
           </Grid>
           <Grid item xs className={classes.gridItem}>
             <a className={classes.link} href='https://www.helsinki.fi/en' target='_blank' rel='noopener noreferrer'>
-              <img className={classes.hyLogo} src={hyLogo} alt='logo' />
+              <img className={classes.hyLogo} src={hyLogo} alt='University of Helsinki logo' />
             </a>
           </Grid>
           <Grid item xs className={classes.gridItem}>
             <a className={classes.link} href='https://www.helsinki.fi/en/helsinki-centre-for-digital-humanities' target='_blank' rel='noopener noreferrer'>
-              <img className={classes.heldigLogo} src={heldigLogo} alt='logo' />
+              <img className={classes.heldigLogo} src={heldigLogo} alt='Helsinki Centre for Digital Humanities logo' />
             </a>
           </Grid>
         </Grid>
diff --git a/src/client/components/perspectives/sampo/Main.js b/src/client/components/perspectives/sampo/Main.js
index bb6abb7775ae27f5bcb7455e4f13cc1f37618f7f..8bbc92dfe6f1b015600418f6cc47c0e457dc6e83 100644
--- a/src/client/components/perspectives/sampo/Main.js
+++ b/src/client/components/perspectives/sampo/Main.js
@@ -122,13 +122,13 @@ const Main = props => {
       <div className={classes.banner}>
         <div className={classes.bannerContent}>
           <div className={classes.bannerHeading}>
-            <Typography component='span' variant={headingVariant} align='center'>
+            <Typography component='h1' variant={headingVariant} align='center'>
               {intl.getHTML('appTitle.long')}
             </Typography>
           </div>
           <div className={classes.bannerSubheading}>
             <div>
-              <Typography component='h2' variant={subheadingVariant} align='center'>
+              <Typography component='p' variant={subheadingVariant} align='center'>
                 {intl.getHTML('appTitle.subheading')}
               </Typography>
             </div>