Dashboard: Accessible text for search links #37593 (#37690)

(cherry picked from commit 2d33ddf37f)

Co-authored-by: Tobias Skarhed <1438972+tskarhed@users.noreply.github.com>
This commit is contained in:
Grot (@grafanabot)andTobias Skarhed authored and GitHub committed 2021-08-10 11:04:48 +02:00
1 parent 45e0238642
commit a0f7d34bda
1 file changed
+10 -2
@@ -66,7 +66,11 @@ export const PageToolbar: FC<Props> = React.memo(
<nav className={styles.navElement}>
{parent && parentHref && (
<>
<Link className={cx(styles.titleText, styles.parentLink, styles.titleLink)} href={parentHref}>
<Link
aria-label={`Search dashboard in the ${parent} folder`}
className={cx(styles.titleText, styles.parentLink, styles.titleLink)}
href={parentHref}
>
{parent} <span className={styles.parentIcon}></span>
</Link>
{titleHref && (
@@ -78,7 +82,11 @@ export const PageToolbar: FC<Props> = React.memo(
)}
{titleHref && (
<h1 className={styles.h1Styles}>
<Link className={cx(styles.titleText, styles.titleLink)} href={titleHref}>
<Link
aria-label="Search dashboard by name"
className={cx(styles.titleText, styles.titleLink)}
href={titleHref}
>
{title}
</Link>
</h1>