Dashboard: Accessible text for search links #37593

This commit is contained in:
Tobias Skarhed
2021-08-09 09:59:29 +02:00
committed by GitHub
parent e300696792
commit 2d33ddf37f

View File

@@ -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>