[docs] Use empty alt text for decorative images, add aria-label to th…

…emes link
mui · Dec 8, 2019 · 9fc613f · 9fc613f
1 parent a973b2f
commit 9fc613f
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 7 deletions.
diff --git a/docs/pages/index.js b/docs/pages/index.js
@@ -117,11 +117,7 @@ export default function HomePage() {
         <main id="main-content" tabIndex="-1">
           <div className={classes.hero}>
             <Container maxWidth="md" className={classes.content}>
-              <img
-                src="/static/images/material-ui-logo.svg"
-                alt="Material-UI Logo"
-                className={classes.logo}
-              />
+              <img src="/static/images/material-ui-logo.svg" alt="" className={classes.logo} />
               <div>
                 <Typography
                   variant="h3"

diff --git a/docs/src/modules/components/HomeFooter.js b/docs/src/modules/components/HomeFooter.js
@@ -58,7 +58,7 @@ function HomeFooter(props) {
           <Grid container>
             <Grid item xs={12} md={3}>
               <div className={classes.logo}>
-                <img src="/static/images/material-ui-logo.svg" alt="Material-UI Logo" />
+                <img src="/static/images/material-ui-logo.svg" alt="" />
                 <Typography color="primary">Material-UI</Typography>
               </div>
             </Grid>

diff --git a/docs/src/modules/components/HomeSteps.js b/docs/src/modules/components/HomeSteps.js
@@ -199,11 +199,12 @@ function HomeSteps(props) {
             data-ga-event-action="click"
             data-ga-event-label="home-image"
             className={classes.link}
+            aria-label={t('themesButton')}
           >
             <NoSsr>
               <img
                 className={classes.img}
-                alt="themes"
+                alt=""
                 src={`/static/images/themes-${theme.palette.type}.jpg`}
                 loading="eager"
                 width={500}