Crawler wyszukiwarki to funkcjonalnie niewidomy użytkownik z szybkim łączem: nie widzi designu, parsuje strukturę dokumentu. Dlatego prawie wszystko, czego wymaga dostępność — semantyka, hierarchia, alternatywy tekstowe, sensowne nazwy linków — jest jednocześnie sygnałem SEO. A od czerwca 2025 European Accessibility Act (EAA) czyni dostępność wymogiem prawnym dla większości konsumenckich usług cyfrowych w UE: to, co było „miło mieć", teraz grozi karami.
Część wspólna: jedna poprawka, dwóch beneficjentów
- Hierarchia nagłówków (
h1→h2→h3, bez przeskoków, jedenh1) to konspekt, po którym nawigują czytniki ekranu — i struktura, z której crawlery i silniki AI wyciągają i cytują sekcje. - Semantyczne punkty orientacyjne (
<nav>,<main>,<article>,<footer>) mówią technologiom asystującym i parserom, czym jest każdy region. Zupa z<div>rankuje gorzej i obala audyty. - Tekst alt obsługuje czytniki ekranu i wyszukiwarkę grafiki tym samym ciągiem znaków.
- Nazwy linków: „kliknij tutaj" nie przechodzi WCAG (link musi mieć sens poza kontekstem) i marnuje sygnał anchora. Jedno przeredagowanie naprawia oba problemy.
- Atrybuty
lang— na<html>i na obcojęzycznych fragmentach — zasilają wymowę czytników ekranu i detekcję języka dla twojego hreflang. - CLS to problem dostępności, zanim stanie się metryką: skoki layoutu najmocniej uderzają w osoby z ograniczeniami motorycznymi i wzrokowymi. Naprawa Core Web Vitals to praca nad dostępnością.
Dostępność nie jest bezpośrednim czynnikiem rankingowym, ale jej artefakty — parsowalna struktura, niższy bounce, szersza użyteczna publiczność — już tak.
Next.js: wymuś to w pipeline
// .eslintrc — jsx-a11y łapie brakujące alty, złe role i nieopisane kontrolki na etapie PR
{
"extends": ["next/core-web-vitals", "plugin:jsx-a11y/recommended"]
}
next/imagejuż wymagaalt— nie wybielaj się pustymalt=""na obrazach znaczących.- Ustawiaj
<html lang={locale}>z parametru trasy w głównym layoucie. - Uruchamiaj Lighthouse accessibility obok performance w CI — ten sam tooling, który masz już do monitoringu, po prostu jedna bramka więcej.
- Automatyka łapie ~30–40% problemów WCAG; przejście głównych ścieżek wyłącznie klawiaturą łapie większość reszty. Jeśli nie dotrzesz do elementu Tabem — crawler może nie dotrzeć do niego linkami.
EAA: termin, który kończy dyskusję
Od 28 czerwca 2025 EAA obejmuje e-commerce, bankowość, transport, e-booki i większość konsumenckich usług cyfrowych sprzedawanych w UE (mikroprzedsiębiorstwa poniżej 10 osób i 2 mln € są zwolnione). Egzekwowanie jest krajowe i oparte na skargach — niedostępny checkout to teraz ekspozycja prawna, nie pozycja w backlogu. Praktyczna poprzeczka to WCAG 2.1 AA (przez EN 301 549) — dokładnie ten standard, w który celują powyższe poprawki.
Checklista:
- Jeden
h1na stronę; poziomy nagłówków bez przeskoków; semantyczne landmarki na miejscu - Każdy znaczący obraz ma prawdziwy alt; każdy link ma sens poza kontekstem
-
langustawiony z locale na<html>i na fragmentach obcojęzycznych - jsx-a11y w ESLint + bramka Lighthouse a11y w CI; główne ścieżki przetestowane klawiaturą
- Zastosowalność EAA oceniona; ścieżki konsumenckie spełniają WCAG 2.1 AA