Skip link
A link hidden until you Tab to it that jumps keyboard users straight past the nav into the main content.
See it
What it is
A skip link is the very first focusable thing on the page, invisible until you Tab to it, at which point it pops into view saying 'Skip to main content'. Activate it and focus lands past the logo, the mega menu, and the cookie bar, right on the content. Without one, a keyboard or screen reader user tabs through thirty header links on every single page of the site.
The build is small and the details are all of it. Put an anchor to #main as the first element inside body, give your main element id='main' and tabindex='-1' so focus actually sticks when the browser jumps there, and style the link with a visually hidden technique that reverses on :focus. Position it fixed at the top with a high z-index so it is not clipped by a sticky header.
The classic failure is hiding it with display:none or visibility:hidden, which removes it from the tab order entirely and gives you a skip link nobody can reach. The other one: the link scrolls the page but focus stays at the top, so the next Tab drops the user back into the nav. That is the missing tabindex='-1' on the target.
Ask AI for it
Add a skip link to this layout. Make an anchor to #main the first element inside body with the text 'Skip to main content', hidden with a visually hidden (clip-path) class that is fully reversed on :focus so it appears fixed at the top left with a solid background, padding, and a visible focus ring. Give the main element id='main' and tabindex='-1' so focus lands there. Do not use display:none or visibility:hidden, and make sure a sticky header does not cover the revealed link.