Added accessibility description for mobile nav indicators

This commit is contained in:
Neshura 2023-03-16 22:17:37 +01:00
parent e2f75f43b2
commit c4e73e73cb
Signed by: Neshura
GPG key ID: B6983AAA6B9A7A6C

View file

@ -25,7 +25,7 @@ const PageNavbar = ({ mobile }: { mobile: number }) => {
<NavSideMenuPanel active={+sideBarActive}> <NavSideMenuPanel active={+sideBarActive}>
<NavBarMobile> <NavBarMobile>
{Links.links.map((item) => ( {Links.links.map((item) => (
<NavLinkMobile active={path === item.href ? +true : +false} key={item.name} href={item.href}> <NavLinkMobile active={path === item.href ? +true : +false} key={item.name} href={item.href}>
{item.name} {item.name}
</NavLinkMobile> </NavLinkMobile>
))} ))}
@ -42,7 +42,7 @@ const PageNavbar = ({ mobile }: { mobile: number }) => {
<NavWrapMobile> <NavWrapMobile>
<NavIndicators> <NavIndicators>
{Links.links.map((item) => ( {Links.links.map((item) => (
<NavIndicator active={path === item.href ? +true : +false} key={item.name} href={item.href} /> <NavIndicator active={path === item.href ? +true : +false} key={item.name} href={item.href} aria-label={item.name}/>
))} ))}
</NavIndicators> </NavIndicators>
</NavWrapMobile> </NavWrapMobile>