feat(a11y): add skip to content link

- Add `SkipLink` component to `src/components/ui`
- Integrate `SkipLink` in `src/App.tsx`
- Add `id="main-content"` and proper focus management to page containers
- Add translations for the skip link text
- Add unit test for `SkipLink`

Co-authored-by: ragusa-it <196988693+ragusa-it@users.noreply.github.com>
This commit is contained in:
google-labs-jules[bot]
2026-02-02 01:47:55 +00:00
parent 2587b9dd29
commit 6041adcaf3
11 changed files with 80 additions and 4 deletions

View File

@@ -0,0 +1,12 @@
import { useTranslation } from '../../i18n';
import styles from './SkipLink.module.css';
export function SkipLink() {
const { t } = useTranslation();
return (
<a href="#main-content" className={styles.skipLink}>
{t.nav.skipToContent}
</a>
);
}