diff --git a/app/components/Footer.accessibility.test.tsx b/app/components/Footer.accessibility.test.tsx new file mode 100644 index 000000000..e8856bed7 --- /dev/null +++ b/app/components/Footer.accessibility.test.tsx @@ -0,0 +1,80 @@ +import { render, screen } from '@testing-library/react'; +import '@testing-library/jest-dom/vitest'; +import { describe, it, expect, vi } from 'vitest'; +import { Footer } from './Footer'; + +vi.mock('next/link', () => ({ + default: ({ + href, + children, + className, + 'aria-label': ariaLabel, + }: { + href: string; + children: React.ReactNode; + className?: string; + 'aria-label'?: string; + }) => ( + + {children} + + ), +})); + +describe('Footer — Accessibility & Screen Reader Compliance', () => { + it('renders footer landmark with correct heading hierarchy', () => { + render(