e739fdb518
* Added aria-hidden="true" to decorative SVG icons within interactive elements (buttons, links) in Lightbox, ThemeToggle, Footer, BackLink, and MapView. * Added role="alert" and aria-live="polite" to the MapView loading indicator. * Documented learning in .Jules/palette.md Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
31 lines
692 B
TypeScript
31 lines
692 B
TypeScript
/**
|
|
* BackLink — reusable "← Back to X" navigation link.
|
|
* Used in album headers to navigate back to a parent subpage or homepage.
|
|
*/
|
|
|
|
import Link from 'next/link';
|
|
|
|
interface BackLinkProps {
|
|
href: string;
|
|
label: string;
|
|
}
|
|
|
|
export function BackLink({ href, label }: BackLinkProps) {
|
|
return (
|
|
<Link href={href} className="album-header__back" aria-label={`Back to ${label}`}>
|
|
<svg
|
|
aria-hidden="true"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeWidth="2"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
>
|
|
<polyline points="15 18 9 12 15 6" />
|
|
</svg>
|
|
{label}
|
|
</Link>
|
|
);
|
|
}
|