[docs] Fix a11y lighthouse issues in grid-list demos

mui · May 28, 2019 · 9312fc3 · 9312fc3
1 parent 4adf9fb
commit 9312fc3
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/docs/src/pages/components/grid-list/AdvancedGridList.js b/docs/src/pages/components/grid-list/AdvancedGridList.js
@@ -62,7 +62,7 @@ function AdvancedGridList() {
               title={tile.title}
               titlePosition="top"
               actionIcon={
-                <IconButton className={classes.icon}>
+                <IconButton aria-label={`star ${tile.title}`} className={classes.icon}>
                   <StarBorderIcon />
                 </IconButton>
               }

diff --git a/docs/src/pages/components/grid-list/AdvancedGridList.tsx b/docs/src/pages/components/grid-list/AdvancedGridList.tsx
@@ -64,7 +64,7 @@ function AdvancedGridList() {
               title={tile.title}
               titlePosition="top"
               actionIcon={
-                <IconButton className={classes.icon}>
+                <IconButton aria-label={`star ${tile.title}`} className={classes.icon}>
                   <StarBorderIcon />
                 </IconButton>
               }

diff --git a/docs/src/pages/components/grid-list/SingleLineGridList.js b/docs/src/pages/components/grid-list/SingleLineGridList.js
@@ -62,7 +62,7 @@ function SingleLineGridList() {
                 title: classes.title,
               }}
               actionIcon={
-                <IconButton>
+                <IconButton aria-label={`star ${tile.title}`}>
                   <StarBorderIcon className={classes.title} />
                 </IconButton>
               }

diff --git a/docs/src/pages/components/grid-list/SingleLineGridList.tsx b/docs/src/pages/components/grid-list/SingleLineGridList.tsx
@@ -64,7 +64,7 @@ function SingleLineGridList() {
                 title: classes.title,
               }}
               actionIcon={
-                <IconButton>
+                <IconButton aria-label={`star ${tile.title}`}>
                   <StarBorderIcon className={classes.title} />
                 </IconButton>
               }

diff --git a/docs/src/pages/components/grid-list/TitlebarGridList.js b/docs/src/pages/components/grid-list/TitlebarGridList.js
@@ -58,7 +58,7 @@ function TitlebarGridList() {
               title={tile.title}
               subtitle={<span>by: {tile.author}</span>}
               actionIcon={
-                <IconButton className={classes.icon}>
+                <IconButton aria-label={`info about ${tile.title}`} className={classes.icon}>
                   <InfoIcon />
                 </IconButton>
               }

diff --git a/docs/src/pages/components/grid-list/TitlebarGridList.tsx b/docs/src/pages/components/grid-list/TitlebarGridList.tsx
@@ -60,7 +60,7 @@ function TitlebarGridList() {
               title={tile.title}
               subtitle={<span>by: {tile.author}</span>}
               actionIcon={
-                <IconButton className={classes.icon}>
+                <IconButton aria-label={`info about ${tile.title}`} className={classes.icon}>
                   <InfoIcon />
                 </IconButton>
               }