S.
  • Services
  • For you
  • Solutions
  • Work
  • About
  • Know-how
  • Blog
Start a project
EN/PL/RU
  • Services01
  • For you02
  • Solutions03
  • Work04
  • About05
  • Know-how06
  • Blog07
Start a project
EN/PL/RU
Vlad Sedenko
Independent web product developer
EU / Poland / Warsaw
Products
  • NextWooNext.js storefront for WooCommerce
© 2026. All rights reserved
Services
  • Product Discovery
  • UX/UI Design
  • MVP Development
  • SaaS Development
  • Website Redesign
  • Web Application Security
  • Conversion Optimization
  • API Integrations & Business Automation
  • Product Support
Explore
  • Services
  • For you
  • Work
  • Solutions
  • About
  • Blog
  • Know-how
  • Contact
Start a project
  • vlad@sedenko.net
  • LinkedIn
  • Privacy/Cookies
Know-how/Next.js SEO Checklist: The Complete Guide for App Router (2026)

Part 20 of 22

Accessibility and SEO: one job, two rewards

Why accessibility work doubles as SEO on Next.js sites: semantic HTML, headings, alt text and link names — plus the EAA legal deadline that makes it non-optional in the EU.

2026-07-15
Accessibility and SEO: one job, two rewards

All topics in this guide

A practical, section-by-section SEO checklist for Next.js: rendering strategy, Metadata API, hreflang, structured data, Core Web Vitals, and optimization for AI answer engines.

A search crawler is functionally a blind user with a fast connection: it doesn't see your design, it parses your document structure. That's why almost everything accessibility demands — semantics, hierarchy, text alternatives, meaningful link names — is simultaneously an SEO input. And since June 2025 the European Accessibility Act (EAA) makes accessibility a legal requirement for most consumer-facing digital services in the EU: what used to be "nice to have" now carries fines.

The overlap: one fix, two beneficiaries

  • Heading hierarchy (h1 → h2 → h3, no skips, one h1) is the document outline screen readers navigate by — and the structure crawlers and AI engines use to extract and quote sections.
  • Semantic landmarks (<nav>, <main>, <article>, <footer>) tell assistive tech and parsers alike what each region is. A <div> soup ranks worse and fails audits.
  • Alt text serves screen readers and image search with the same string.
  • Link names: "click here" fails WCAG (links must make sense out of context) and wastes anchor-text signal. One rewrite fixes both.
  • lang attributes — on <html> and on inline foreign-language fragments — feed both screen-reader pronunciation and language detection for your hreflang setup.
  • CLS is an accessibility problem before it's a metric: layout jumps hit motor- and vision-impaired users hardest. Fixing Core Web Vitals is accessibility work.

Accessibility isn't a direct ranking factor, but its artifacts — parseable structure, lower bounce, wider usable audience — all are.

Next.js: enforce it in the pipeline

// .eslintrc — jsx-a11y catches missing alt, bad roles, unlabeled controls at PR time
{
  "extends": ["next/core-web-vitals", "plugin:jsx-a11y/recommended"]
}
  • next/image already requires alt — don't launder it with alt="" on meaningful images.
  • Set <html lang={locale}> from your route param in the root layout.
  • Run Lighthouse accessibility alongside performance in CI — same tooling you already have for monitoring, one more score gate.
  • Automated checks catch ~30–40% of WCAG issues; keyboard-only navigation of your top flows catches most of the rest. If you can't reach it with Tab, a crawler may not reach it with links either.

EAA: the deadline that ends the debate

Since June 28, 2025, the EAA applies to e-commerce, banking, transport, e-books and most consumer digital services sold in the EU (micro-enterprises under 10 staff and €2M are exempt). Enforcement is national and complaint-driven — an inaccessible checkout is now a legal exposure, not a backlog item. The practical bar is WCAG 2.1 AA (via EN 301 549), which is exactly the standard the fixes above target.

Checklist:

  • One h1 per page; heading levels never skip; landmarks used semantically
  • Every meaningful image has real alt; every link makes sense out of context
  • lang set from the locale on <html> and foreign-language fragments
  • jsx-a11y in ESLint + Lighthouse a11y gate in CI; top flows tested keyboard-only
  • EAA applicability assessed; consumer flows meet WCAG 2.1 AA
← PreviousPagination and faceted navigation without index bloatNext →Content decay: refresh, consolidate or prune

01—22

All topics in this guide

  1. 01Rendering strategy: what does the crawler actually see?→
  2. 02Metadata API: titles, descriptions and the template pattern→
  3. 03Canonical URLs and hreflang: one page, one address→
  4. 04Open Graph and dynamic OG images→
  5. 05sitemap.ts and robots.ts: file conventions instead of hand-written XML→
  6. 06Structured data: JSON-LD that earns rich results→
  7. 07Images, fonts and scripts: the classic performance trio→
  8. 08Core Web Vitals: the three numbers Google measures→
  9. 09Redirects, 404s and status codes→
  10. 10Caching and content freshness→
  11. 11AEO/GEO: getting cited by ChatGPT, Perplexity and Google AI Overviews→
  12. 12Monitoring: SEO is a loop, not a launch task→
  13. 13Trust and E-E-A-T: making your site believable→
  14. 14Image SEO: turning pictures into traffic→
  15. 15Internal linking and site architecture→
  16. 16Search intent: pages that match what people actually type→
  17. 17Programmatic SEO in Next.js: pages at scale without the spam→
  18. 18SEO migration: replatforming to Next.js without losing traffic→
  19. 19Pagination and faceted navigation without index bloat→
  20. 20Accessibility and SEO: one job, two rewards•
  21. 21Content decay: refresh, consolidate or prune→
  22. 22Off-page for developers: earning links without buying them→

Want this handled for you?

I audit and fix technical SEO on Next.js sites — indexing, performance, hreflang and AI visibility.

Technical SEO service